CSS3는 테두리 속성을 지원합니까?
- WBOY원래의
- 2022-06-23 16:08:521681검색
css3은 css1부터 지원되는 테두리 속성을 지원합니다. 테두리 속성은 테두리 속성의 약어로, 속성 값만 설정된 경우 요소 테두리의 스타일, 너비 및 색상을 지정하는 데 사용할 수 있습니다. 하나의 값으로, 다른 값으로 해당 속성의 초기값으로 설정되며 구문은 "element{border:border-width,,border-style,border-color;}"입니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
css3는 테두리 속성을 지원합니다.
border는 테두리 속성의 약어입니다.
CSS 테두리 속성은 요소 테두리의 스타일, 너비 및 색상을 지정하는 데 사용됩니다.
설정할 수 있는 속성은 (순서대로) border-width, border-style 및 border-color입니다.
하나의 값만 설정할 수도 있습니다. 예를 들어 border: #FF0000이 정확하고 다른 값은 해당 속성의 초기 값으로 설정됩니다.
구문 형식
테두리 속성은 아래 나열된 값 중 하나, 둘 또는 세 개를 사용하여 지정할 수 있으며 값의 순서는 중요하지 않습니다.
/* 边框样式 */ border: solid; /* 边框宽度 | 边框样式 */ border: 2px dotted; /* 边框样式 | 边框颜色 */ border: outset #f33; /* 边框宽度 | 边框样式 | 边框颜色 */ border: medium dashed green; /* 全局值 */ border: inherit; border: initial; border: unset;
테두리 스타일이 정의되지 않은 경우에는 그렇지 않습니다. 눈에 띄게. 이는 스타일이 기본적으로 없음으로 설정되어 있기 때문입니다.
예제는 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<style>
p
{
border:5px solid red;
}
</style>
</head>
<body>
<p>段落中的一些文本。</p>
</body>
</html>출력 결과:
(학습 영상 공유: css 영상 튜토리얼, html 영상 튜토리얼)
위 내용은 CSS3는 테두리 속성을 지원합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!