테두리 스타일 속성 소개

border-style 속성은 요소의 모든 테두리 스타일을 설정하거나 각 측면의 테두리 스타일을 개별적으로 설정하는 데 사용됩니다.

이 값이 없음이 아닌 경우에만 테두리가 나타날 수 있습니다.

예시 1

border-style:dotted solid double dashed;

• 윗쪽 테두리는 점선으로

• 오른쪽 테두리는 실선으로

• 아래쪽 테두리는 이중선

• 왼쪽 테두리는 점선

예2

border-style:dotted solid double;

• 윗쪽 테두리는 점선으로

• 오른쪽과 왼쪽 테두리는 실선으로

• 아래쪽 테두리는 이중선

예시 3

border-style:dotted solid;

• 상하 테두리가 점선으로 표시

• 오른쪽 왼쪽 테두리는 실선입니다

예 4

border-style:dotted;

• 4개 테두리는 모두 점선으로 표시됩니다

가능한 값 ​​

설명

가장 예측하기 어려운 테두리 스타일은 이중입니다. 이는 두 줄의 너비에 border-width 값과 같은 두 줄 사이의 공간을 더한 값으로 정의됩니다. 그러나 CSS 사양에서는 선 중 하나가 다른 선보다 두꺼운지, 두 선이 모두 같은 두께인지, 선 사이의 간격이 선보다 두꺼워야 하는지에 대해 언급하지 않습니다. 이 모든 것은 사용자 에이전트에 의해 결정되며 광고 소재는 이 결정에 영향을 미치지 않습니다.

위 내용은 테두리 스타일 속성 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!