border

테두리를 지정할 때 쓰인다.

테두리의 두께, 모양, 색깔 등을 지정할 수 있고, 각 속성의 값들은 공백으로 구분하며, 순서의 구분은 없다.

border-width 는 테두리의 두께를 지정하는 속성이다.

border-style 은 테두리의 스타일을 지정하는 속성으로, 테두리를 점선으로 표시하거나, 이중 테두리로 표시하거나 하는 등의 스타일을 지정할 수 있다.

border-color 는 테두리의 색깔을 지정하는 속성이다.

.border{
        border: 2px dashed red;
}

테두리의 두께를 '2px', 스타일은 'dashed' , 색깔은 'red' 로 설정한 화면이다. 순서는 바뀌어도 상관이 없다.

border: 2px dashed red