관리 메뉴

Developer Gonie

[8주차] 9. 속성, 요소의 테두리 선 관련 본문

K-DigitalTraining 강의/5. CSS(웹표준)

[8주차] 9. 속성, 요소의 테두리 선 관련

이대곤 2022. 7. 4. 18:23

테두리 선 관련 속성 한번에 나열해 지정
border

테두리 선 굵기 지정
border-width (최대 4개 값 나열 가능)

border-left-width
border-right-width

border-top-width
border-bottom-width

테두리 선 모서리 곡률 지정(둥글게)

border-radius (최대 4개 값 나열 가능, 왼위, 오위, 오아, 왼아)

border-top-left-radius

border-top-right-radius

border-bottom-left-radius
border-bottom-right-radius

테두리 선 스타일 지정(점선, 실선 등)
border-style (최대 4개 값 나열 가능)
border-left-style

border-right-style
border-top-style

border-bottom-style

테두리 선 색깔 지정
border-color (최대 4개 값 나열 가능)

border-left-color
border-right-color

border-top-color
border-bottom-color

Comments