논리적인 방향을 갖는 border-block-start-style
과 border-block-end-style
속성 값을 한번에 작성할 수 있는 속기 속성이다.
border-inline-start-style
border-inline-end-style
또는 border-block-start-style
border-block-end-style
속성 값을 동시에 나타낸다. 한 개의 값만 작성된 경우에는 논리적인 양방향 모두 동일함을 의미한다.
<line-style>{1,2}
아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.
선의 모양에 대한 키워드를 나타낸다. solid
, dotted
, dashed
이외의 값은 선의 두께가 어느 정도 지정되어야 제대로 보여진다.
none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
데쉬선으로 설정한다.
점선으로 설정한다.
이중선으로 설정한다.
홈이 파인 입체 선으로 설정한다.
테이블 요소가 아닌 경우에는 'none'과 동일하다.
안쪽으로 입체 선으로 설정한다. 테두리 색상 값에 따라 효과가 적용된다.
테두리가 없고 색상과 두께는 무시된다.
바깥쪽으로 입체 선으로 설정한다. 테두리 색상 값에 따라 효과가 적용된다.
융기된 입체 선으로 설정한다. 테두리 색상 값에 따라 효과가 적용된다.
실선으로 설정한다.
border-block-style: solid dotted;
Modules | ||
---|---|---|
Module Name | Status | Summary |
CSS Logical Properties and Values Level 1 | 초안 작업 | Last review date: 2022-8-23 |