CSS 테두리 속성을 사용하는 방법

css 테두리 정의 및 사용법

css 테두리 스타일 속성은 모든 테두리 스타일을 설정하는 데 사용됩니다. 요소의 테두리를 설정하거나 각 측면의 테두리 스타일을 개별적으로 설정하세요. 이 값이 없음이 아닌 경우에만 테두리가 나타날 수 있습니다.

예시 1

border-style:dotted solid double dashed;

상단 테두리는 점선으로

오른쪽 테두리는 실선

하단 테두리는 이중선

왼쪽 테두리는 점선

예 2

border-style:dotted solid double;

상단 테두리는 점선

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

아래쪽 테두리는 이중선입니다

예 3

border-style:dotted solid;

상부 테두리와 아래쪽 테두리 점선으로 표시됨

오른쪽과 왼쪽 테두리가 실선으로 표시됨

예 4

border-style:dotted;

4개 테두리가 모두 점선으로 표시됨

#🎜🎜 #

Instance, 네 개의 테두리 스타일 설정

p
  {
  border-style:solid;
  }

Browser support

모든 브라우저 지원 테두리 스타일 속성입니다.

참고: "inherit" 또는 "hidden" 속성 값은 모든 Internet Explorer 버전(IE8 포함)에서 지원되지 않습니다.

가능한 값

#🎜🎜 #

Description

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

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