CSS Outline

예진·2020년 7월 23일
0

CSS3

목록 보기
3/11
### CSS Outline
	
    outline-style: ;
    
    	dotted : 점선 아웃라인
        
        dashed : 점선 아웃라인
        
        solid : 두꺼운 아웃라인
        
        double : 이중 아웃라인
        
        groove : 3D 그루브 아웃라인
        
        ridge : 3D 능선 아웃라인
        
        inset : 3D 음각 아웃라인
        
        outset : 3D 양각 아웃라인
        
        none : 아웃라인 없음
        
        hidden : 숨겨진 아웃라인
        
  outline-width: ;
    	
        특정 크기( px, pt, cm, em )로 설정
        	1 개의 값만 적는 경우 : 모든 방향에 동일하게 적용
            2 개의 값을 적는 경우(x y) : x=상.하단에 적용 y= 오.왼쪽에 적용
            4개의 값을 적는 경우(a b c d) : 각각 상단, 오른쪽, 하단, 왼쪽에 적용
        
        정의된 크기( thick, medium, thin)로 설정
        
    outline-color: ;
    	
         invert :  색상이 반전으로 나타난다. 색상배경에 상관없이 아웃라인을 볼 수 있다.
         
	outline: ; 
    	속성으로 설정할 수 있다.
    	
        outline-width
        
        outline-style(필수)
        
        outline-color
        
        ->순서에 상관없이 설정할 요소를 나열하면 된다.
        
	outline-offset: ;
    	
        아웃라인과 테두리 사이에 공간을 추가한다. 
        
        px단위로 값을 적용한다.

0개의 댓글