English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-left-style CSS 속성은 요소의 왼쪽 경계선 스타일을 설정하는 데 사용됩니다. 그러나 많은 경우, 같은border-style또는border-left이와 같은 줄이는 CSS 속성은 사용하기 더 편리하며, 더 적합합니다.
아래 표는 이 속성의 사용 설명과 버전 기록, 이 속성이 JavaScript 스크립트에서 사용하는 문법에 대한 것입니다.
| 기본 값: | none |
|---|---|
| 적용 대상: | 모든 요소 |
| thừa kế: | 없음 |
| 애니메이션 가능: | 아니요。참조 애니메이션 속성。 |
| 버전： | CSS 1，2，3 |
| JavaScript 문법： | object.style.borderLeftStyle="dashed" |
이 속성의 문법은 다음과 같습니다：
border-left-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit
아래의 예제는 border를 사용하는 방법을 설명합니다-left-style 속성。
p {
border-left-style: dashed;
border-left-width: 3px;
}테스트를 보고‹/›아래 표는 이 속성의 값을 설명합니다。
| 값 | 설명 |
|---|---|
| none | 테두리를 표시하지 않습니다。 |
| hidden | 와 동일하지만, 테이블 셀은초기화된 테두리또한 두 셀이 공유된 테두리를 가집니다. hidden 값은 테두리를 그리지 않도록 보장합니다. 왜냐하면 그것의 hidden은 모든 다른 테두리 스타일보다 우선합니다。 |
| dotted | 테두리를 일련의 점으로 표시합니다。 |
| dashed | 테두리를 단서로 이루어진 일련의 짧은 선단으로 표시합니다。 |
| solid | 테두리를 일 줄의 실선으로 표시합니다。 |
| double | 테두리를 두 줄의 평행한 실선으로 표시하고, 그들 사이에 간격을 두며, 두 줄의 총합 및 그들 사이의 간격은border-width의 값. |
| groove | 표시하여 캔버스에 새겨진 테두리를 보여줍니다. 그것은3D의 인상, 일반적으로 테두리 색상보다border-color더 밝고 더 어두운 두 가지 색상으로 그림자를 만들어줍니다。 |
| ridge | 효과와 반대의 테두리 groove를 표시합니다. 또한, 그것은3D의 인상, 테두리가 캔버스에서 나오는 것처럼 보이게 합니다。 |
| inset | 표시하여 요소의 상자가 캔버스에 삽입된 것처럼 보이게 합니다. 그것은3D는, 테두리 색상보다border-color조금 밝고 깊은 두 가지 색상으로 그림자를 만들어줍니다。 |
| outset | 효과와 반대의 테두리 inset을 표시합니다. 또한, 그것은3D의 인상, 테두리는 상자가 캔버스에서 나오는 것처럼 보이게 합니다。 |
| inherit | 지정된 경우, 부모 요소의 border를 사용하는 관련 요소가 사용됩니다。-left-style 속성 값。 |
border-left-style 속성의 브라우저 상호 운용성, 아래 표는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다。
|
경고: Internet Explorer 7와 이전 버전은 value hidden을 지원하지 않습니다。IE8지원하지만 value hidden을 필요로 합니다。IE。IE9및 이후 버전에서 hidden 값을 지원합니다。IE
교육 자료 참조:CSS Border，CSS3 Border。
관련 속성:border，border-style，border-left，border-left-color，
border-left-width。