더북(TheBook)

border 속성과 border-<방향> 속성 모두 똑같이 border-width, border-style, color 속성값을 사용합니다. 그러면 각 속성값이 어떤 값인지 알아보겠습니다. 단, color 속성은 텍스트 속성에서 다룬 color 속성과 동일하므로 6.2.6 color를 참고하면 됩니다.

TIP | 앞으로 배우는 스타일 속성 중에는 border 속성처럼 속성값으로 다른 속성의 값을 사용하는 속성들이 있습니다. 이 속성들은 여러 개의 다른 속성을 하나의 속성으로 축약해서 작성한다고 해서 단축 속성 또는 축약 속성이라고 합니다. 이 책에서는 단축 속성이라고 표현합니다.

 

border-width 속성

border-width 속성은 테두리 굵기를 지정합니다. 속성값으로는 단위를 포함한 크기를 사용합니다.

형식

border-width:<크기>;

다음과 같이 작성하면 테두리 굵기를 2px로 지정합니다.

border-width:2px;
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.