(css) border 테두리 스타일 묶어 지정하기

테두리 스타일과 두께, 색상 등의 속성들을 묶어 표현할 수 있다.

border-top: <두께> | <색상> | <스타일>

border-right: <두께> | <색상> | <스타일>

border-bottom: <두께> | <색상> | <스타일>

border-left: <두께> | <색상> | <스타일>

border: <두께> | <색상> | <스타일>

<style>
   h1 {
      padding-bottom: 5px;
      border-bottom: 3px solid #ccc; /* 아랫 부분 - 3px짜리 회색 실선*/
   }
   p {
      padding: 10px;
      border: 2px dotted black; /* 모든 방향 - 3px짜리 검정 점선 */
   }
</style>

<h1>박스 모델</h1>
<p>박스 모델은 실제 콘텐츠 영역, 박스와 콘텐츠 영역 사이의 여백인 패딩(padding), 
박스의 테두리(border), 그리고 여러 박스 모델 간의 여백인 마진(margin) 등의 요소로 구성되어 있습니다. </p>