테두리 스타일 속성 소개

高洛峰
풀어 주다: 2017-03-17 09:53:38
원래의
3168명이 탐색했습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿