Hi

(css) border-width 본문

WEB(웹)

(css) border-width

SharingWorld 2018. 5. 27. 16:50

테두리 두께 지정하기


border-top-width: <크기> | thin | medium | thick

border-right-width: <크기> | thin | medium | thick

border-bottom-width: <크기> | thin | medium | thick

border-left-width: <크기> | thin | medium | thick

border-width: <크기> | thin | medium | thick


.box1 { border-width:2px; } 네방향의 테두리 굵기를 모두 2px로 표시합니다.

.box2 { border-width: thick thin; } 위와 아래는 thick(굵게), 왼쪽과 오른쪽은 thin(가늘게)으로 표시합니다.

.box3 { border-width: 5px 10px 15px 20px; } 네 방향의 테두리 굵기를 모두 다르게해 차례대로 top, right, bottom, left


'WEB(웹)' 카테고리의 다른 글

(css) border 테두리 스타일 묶어 지정하기  (0) 2018.05.27
(css) border-color  (0) 2018.05.27
(css) border-style  (0) 2018.05.27
(css) 블록 레벨 요소 in 박스모델  (0) 2018.05.27
(css) 그라데이션 gradation  (0) 2018.05.27