Border-bottom-style 편집

Table of Contents (보이기↓)

edit

개요

이 속성은 요소의 아래쪽 테두리 스타일을 지정한다.

edit

정의

Border-bottom-style설명
값none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
기본값none
적용대상모든 요소
상속안됨
백분율사용 불가
미디어visual

edit

값

값설명
none지정하지 않는다. 'border-width'에 '0' 또는 'none'을 지정한 것과 같다.
hidden숨긴다. 테이블 셀 요소이면 테두리를 겹친다.
dotted점선으로 지정한다.
dashed짧은 선의 패턴으로 지정한다.
solid실선으로 지정한다.
double두개의 실선solid 으로 지정한다. 두 줄들 사이의 공간은 'border-width'으로 지정한다.
groove창canvas에서 조각파진된 것처럼 지정한다.
ridge창에서 튀어나온 것처럼 지정한다. 'grove'의 반대
inset창에서 전체 박스가 깔려있는embed 것처럼 지정한다.
outset창에서 전체 박스가 튀어나온 것처럼 지정한다. 'inset'의 반대
inherit부모 요소의 값을 상속하도록 지정한다.

edit

예제

edit

브라우저 호환성

값IE6?IE7?FF2?Op9?
none지원지원지원지원
hidden미지원미지원지원지원
dotted불안정불안정지원지원
dashed지원지원지원지원
solid지원지원지원지원
double지원지원지원지원
groove지원지원지원지원
ridge지원지원지원지원
inset지원지원지원지원
outset지원지원지원지원
inherit미지원미지원지원지원

Wiki Trail: < border-right-style | 문서 목록 | border-left-style >

 
Be Friend~! Be Friend~!