집 >웹 프론트엔드 >CSS 튜토리얼 >CSS의 개요에 대한 자세한 분석

CSS의 개요에 대한 자세한 분석

黄舟원래의: 2017-07-27 09:15:011874검색

설명:

요소 주위에 그려지는 선으로, 요소를 강조할 수 있습니다.

IE에서는 사용할 수 없습니다.

Descriptionoutlineoutline:outline- color||outline-style||outline-width 객체 외부의 선 윤곽선 색상을 설정하거나 검색합니다.color: 색상 invert: 기본값, 배경의 반대 색상 사용 color none: 기본값 dotted: 점선 윤곽선 dashed: 점선 윤곽선 double: 이중선 외부 윤곽선 ridge: 외곽선-color 값에 따라 3D 볼록 홈 외부 윤곽선 그리기 medium: 기본 너비 thin. : 기본 너비보다 작음 두꺼움: 기본 너비보다 큼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>无标题页</title>
    <style type="text/css">
        
        span
        {
        	border:solid 1px red;
        	display:block;
        	width:200px;
        }
        
        .span1
        {
        	outline-style:dotted;
        }
        
        .span2
        {
        	outline-style:dashed;
        }
        
        .span3
        {
        	outline-style:groove;
        }
        
        .span4
        {
        	outline-style:ridge;
        }
        
        .span5
        {
        	outline-style:inset;
        }
        
        .span6
        {
        	outline-style:outset;
        }
    
    </style>
</head>
<body>
    <span class="span1">111111111</span><br />
    <span class="span2">222222222</span><br />
    <span class="span3">333333333</span><br />
    <span class="span4">444444444</span><br />
    <span class="span5">555555555</span><br />
    <span class="span6">666666666</span>
</body>
</html>

Firefox에서의 효과

Remarks		Composite 속성객체 외부의 선 윤곽선을 설정하거나 검색합니다. 윤곽선은 테두리 외부에 그려지며 반드시 직사각형일 필요는 없습니다
	outline-color
	outline-style	개체 외부의 선 윤곽선 스타일을 설정하거나 검색합니다.
solid: 실선 윤곽선	groove: 외곽선-color 값에 따라 3D 홈 외부 윤곽선 그리기	inset: 외곽선 값에 따라 3D 오목 외부 윤곽선 그리기 -color outset: outlook-color outline-width 값에 따라 3D 볼록한 가장자리 윤곽선을 그립니다. 객체 외부의 선 윤곽선 너비를 설정하거나 검색합니다.
길이: 길이		예:

위 내용은 CSS의 개요에 대한 자세한 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：CSS의 동작 속성 소개 및 예제와 함께 사용다음 기사：CSS의 동작 속성 소개 및 예제와 함께 사용