CSS에서 윤곽선은 요소의 윤곽선을 설정하는 속성을 의미하며 요소 윤곽선의 스타일, 색상, 너비를 지정할 수 있습니다. 윤곽선은 단축 속성으로 하나의 명령문에서 순서대로 스타일, 색상, 너비를 동시에 설정할 수 있습니다. , 질문은 발생하지 않습니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
CSS 개요(윤곽선)
윤곽선(윤곽선)은 요소 주위에 그려진 선으로 테두리 가장자리 외부에 위치하며 요소를 강조할 수 있습니다.
윤곽선 속성은 요소 윤곽선의 스타일, 색상 및 너비를 지정합니다.
outline 단축 속성은 모든 개요 속성을 하나의 선언으로 설정합니다.
설정할 수 있는 속성은 (순서대로): 외곽선 색상, 외곽선 스타일, 외곽선 너비
| value | description |
|---|---|
| outline-color | 은 국경. |
| outline-style | 은 테두리 스타일을 지정합니다. |
| outline-width | 테두리 너비를 지정합니다. |
값 중 하나를 설정하지 않아도 문제가 없습니다. 예를 들어 outline:solid #ff0000;도 허용됩니다.
예: 요소 주위에 윤곽선 설정
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
p {
border: 1px solid red;
outline: green dotted thick;
}
</style>
</head>
<body>
<p>测试文本， outline属性样式。</p>
</body>
</html>
(동영상 공유 학습: 웹 프런트엔드 시작하기)
위 내용은 CSS의 개요란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
