CSS3 외곽선 오프셋 속성


  번역 결과:

outline

영어 [ˈaʊtlaən] 미국식 [ˈaʊtˌlaən]

n. 윤곽선, 윤곽선, 윤곽선, 요점, 주요 원리, 모양, 윤곽선, 등고선, 윤곽선 그리기 방법, 스케치(그리기 방법)

vt .Outline; 개요, 개요, 스케치

3인칭 단수: 개요 복수형: 개요 현재 분사: 개요 과거 시제: 개요 과거 분사: 개요

offset

English [ˈɒfset] American [ˈɔ :fset]

vt. 오프셋; 병치(또는 병치)(파이프 등) 설치

vi. 가지 파이프 설치

시작; 출발; 오프셋, 보상

adj.분기; 오프셋; 시작

3인칭 단수: 오프셋 과거 분사: 오프셋

CSS3 외곽선 오프셋 속성통사론

기능: 윤곽선을 오프셋하고 테두리 가장자리 너머로 윤곽선을 그립니다.

설명: 윤곽선은 두 가지 점에서 테두리와 다릅니다. 윤곽선은 공간을 차지하지 않으며 윤곽선은 직사각형이 아닐 수 있습니다.

css3 윤곽선 오프셋 속성은 윤곽선을 오프셋하여 가장자리에 그리는 것을 의미합니다. 국경. 길이 값을 통해 윤곽선과 테두리 가장자리 사이의 거리를 설정하세요

CSS3 외곽선 오프셋 속성예

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
margin:20px;
width:150px; 
padding:10px;
height:70px;
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
} 
</style>
</head>
<body>

<p><b>注释:</b>Internet Explorer 和 Opera 不支持 support outline-offset 属性。</p>

<div>这个 div 在边框边缘之外 15 像素处有一个轮廓。</div>

</body>
</html>

인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

비디오

Q&A