속성 - border

Robyn·2023년 4월 9일
0

border
요소의 테두리

border: border-width border-style border-color|initial|inherit;

            /* 속성 */
            border-width: 1px;  /* 두께 <length> | thin | medium | thick */
            border-style: solid;    /* none | hidden | dotted | dashed | solid | double | groove | ri */
            border-color: #000; /* 색상 */

            /* 축약형 */
            border: 1px solid #000; /* 단축 속성 */
            border-left: 6px solid red;
            border-width: 6px;  /* border 두께 */
            border-width: 6px 3px;  /* border 상하, 좌우 두께 */
            border-width: 6px 3px 4px;  /* border 상, 우(좌), 하 두께 */
            border-width: 6px 3px 4px 1px;  /* border 상, 우, 하, 좌 두께. 시계방향인가? */

0개의 댓글