박스모델2 CSS 박스모델, 패딩, 테두리 padding padding 속성은 내용(content)과 테두리(border) 사이의 간격인 패딩 영역의 크기를 설정한다. 이러한 패딩 영역은 background-color 속성으로 설정하는 배경색의 영향을 함께 받는다. CSS를 사용하면 패딩 영역의 크기를 방향별로 따로 설정할 수 있다. padding 속성 CSS에서는 HTML 요소의 패딩 영역을 설정하기 위해 다음과 같은 속성을 제공한다. - padding : 모든 padding 속성을 이용한 스타일을 한 줄에 설정할 수 있음 - padding-top : 윗쪽의 패딩(padding) 값을 설정함 - padding-right : 오른쪽의 패딩(padding) 값을 설정함 - padding-bottom : 아래쪽의 패딩(padding) 값을 설정함 -.. 2020. 10. 16. CSS 박스모델, 마진, 아웃라인 CSS 박스모델 (box model) 모든 HTML 요소는 박스(box) 모양으로 구성되며, 이것을 박스 모델(box model)이라고 부른다. 박스 모델은 아래와 같이 HTML 요소를 패딩(padding), 테두리(border), 마진(margin), 그리고 내용(content)으로 구분한다. Margin margin은 테두리(border) 외부에 생기는 여백이다. margin property 값은 마진 영역의 두께를 의미하며, 기본적으로 투명(trangsparent)하고 배경색을 지정할 수 없다. .content { margin: 50px; } Padding padding은 테두리(border) 내부에 생기는 영역이다. padding property 값은 패딩 영역의 두께를 의미하며 기본색은 투명(t.. 2020. 10. 15. 이전 1 다음
