border 속성은 요소의 테두리에 관련된 속성을 지정할 때 사용한다. 테두리의 굵기, 모양, 색상을 지정할 수 있는 속성들이 있으며, 여러 속성을 축약하여 적용할 수도 있다. border-width 선의 굵기를 지정하는 속성이다. (기본 값 : medium) border-width: [top] [right] [bottom] [left]; border-top-width, border-bottom-width, border-right-width, border-left-width를 이용하여 상하좌우 선의 굵기를 다르게 표현할 수 있으며, 위처럼 축약하여 공백을 이용해 각 방향에 대한 선의 굵기를 다르게 지정할 수도 있다. 키워드 : thin, medium, thick 단위 : px, em, re..
[CSS] boxmodel
HTML의 모든 요소는 사각형의 박스 형태로 만들어진다. 박스는 총 4가지의 세분된 영역으로 구성되어있으며 영역마다 다양한 스타일을 적용할 수 있다. 이 4가지 영역을 통틀어서 박스모델이라고 부른다. CSS를 이용해 이 상자의 크기, 위치 및 속성(색상, 배경, 테두리 크기 등)을 변경할 수 있다. boxmodel 구성 Content 영역 요소의 실제 내용을 포함하는 영역입니다. 따라서 크기는 내용의 너비 및 높이를 나타낸다. Border 영역 content 영역을 감싸는 테두리 선을 border라고 한다. Padding 영역 content 영역과 테두리 사이의 여백을 padding이라고 한다. content 영역이 배경, 색 또는 이미지가 있을 때 패딩 영역까지 그 영향을 미친다. 이에 따라 paddi..