[CSS기초] 6. border

요점

요소의 네 가지 방향

테두리를 구성하는 세가지 요소

선의 굵기 (border-width)

div {
    border-top-width : 3px;
}

선의 형태 (border-style)

div {
    border-right-style : dotted;
}

선의 색상 (border-color)

div {
    border-bottom-color : #aaa;
}

테두리 속성의 조합

div {
    border-top-width : 3px;
    border-top-style : dotted;
    border-top-color : red;
}
div {
    border-top : 3px dotted red;
}
div{
    border-width: 3px;
}

네 방향의 조합

border속성

div {
    border: 1px solid red;
}