border-style 속성은 요소의 모든 테두리 스타일을 설정하거나 각 측면의 테두리 스타일을 개별적으로 설정하는 데 사용됩니다.
이 값이 없음이 아닌 경우에만 테두리가 나타날 수 있습니다.
border-style:dotted solid double dashed;
윗쪽 테두리는 점선으로
오른쪽 테두리는 실선으로
아래쪽 테두리는 이중선
왼쪽 테두리는 점선
border-style:dotted solid double;
윗쪽 테두리는 점선으로
오른쪽과 왼쪽 테두리는 실선으로
아래쪽 테두리는 이중선
border-style:dotted solid;
상하 테두리가 점선으로 표시
오른쪽 왼쪽 테두리는 실선입니다
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!