테두리 스타일 속성 소개

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개 테두리는 모두 점선으로 표시됩니다

默认值：	not specified
继承性：	no
版本：	CSS1
JavaScript 语法：	object.style.borderStyle="dotted double"

가능한 값 ​​

值	描述
none	定义无边框。
hidden	与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。
dotted	定义点状边框。在大多数浏览器中呈现为实线。
dashed	定义虚线。在大多数浏览器中呈现为实线。
solid	定义实线。
double	定义双线。双线的宽度等于 border-width 的值。
groove	定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge	定义 3D 垄状边框。其效果取决于 border-color 的值。
inset	定义 3D inset 边框。其效果取决于 border-color 的值。
outset	定义 3D outset 边框。其效果取决于 border-color 的值。
inherit	规定应该从父元素继承边框样式。

설명

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

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