박스모델
CSS는 선택자를 통해 요소를 선택할 수 있습니다.
박스 모델
CSS는 선택자를 통해 요소를 선택할 수 있습니다.
박스 모델
| 속성 | 설명 |
|---|---|
| width | width 속성은 요소의 가로 값을 정의합니다. |
| height | height 속성은 콘텐츠 요소의 세로값을 설정합니다. |
| max-width | max-width 속성은 요소의 최대 가로 값을 설정합니다. |
| max-height | max-height 속성은 요소의 최대 세로값을 설정합니다. |
| min-width | min-width 속성은 요소의 최소 가로 값을 설정합니다. |
| min-height | min-height 속성은 요소의 최소 세로 값을 설정합니다. |
| margin | margin 속성은 요소의 바같쪽 여백을 설정합니다. |
| margin-bottom | margin-bottom 속성은 요소의 아래 바같쪽 여백을 설정합니다. |
| margin-left | margin-left 속성은 요소의 왼쪽 바같쪽 여백을 설정합니다. |
| margin-right | margin-right 속성은 요소의 오른쪽 바같쪽 여백을 설정합니다. |
| margin-top | margin-top 속성은 요소의 위부분 바같쪽 여백을 설정합니다. |
| padding | padding 속성은 요소의 안쪽 여백을 설정합니다. |
| padding | padding 속성은 요소의 안쪽 여백을 설정합니다. |
| padding-bottom | padding-bottom 속성은 요소의 아래쪽 여백을 설정합니다. |
| padding-left | padding-left 속성은 요소의 왼쪽 여백을 설정합니다. |
| padding-right | padding-right 속성은 요소의 오른쪽 여백을 설정합니다. |
| padding-top | padding-top 속성은 요소의 위쪽 여백을 설정합니다. |
| border | border 속성은 테두리 속성을 설정합니다. |
| border-bottom | border-bottom 속성은 테두리 아래쪽 테두리 속성을 설정합니다. |
| border-bottom-color | border-bottom-color 속성은 테두리 아래쪽 색 속성을 설정합니다. |
| border-bottom-left-radius | border-bottom-left-radius 속성은 아래부분 왼쪽 모서리 굴곡을 설정합니다. |
| border-bottom-right-radius | border-bottom-right-radius 속성은 아래부분 오른쪽 모서리 굴곡을 설정합니다. |
| border-bottom-style | border-bottom-style 속성은 아래쪽 테두리 스타일 속성을 설정합니다. |
| border-bottom-width | border-bottom-width 속성은 아래쪽 테두리 두께 속성을 설정합니다. |
| border-color | border-color 속성은 테두리 색 속성을 설정합니다. |
| border-image | border-image 속성은 테두리 이미지 속성을 설정합니다. |
| border-image-outset | border-image-outset 속성은 테두리 이미지 간격 속성을 설정합니다. |
| border-image-repeat | border-image-repeat 속성은 테두리 이미지 반복 속성을 설정합니다. |
| border-image-slice | border-image-slice 속성은 테두리 이미지 크기 속성을 설정합니다. |
| border-image-source | border-image-source 속성은 테두리 이미지 경로 속성을 설정합니다. |
| border-image-width | border-image-width 속성은 테두리 이미지 두께 속성을 설정합니다. |
| border-left | border-left 속성은 왼쪽 테두리 속성을 설정합니다. |
| border-left-color | border-left-color 속성은 왼쪽 테두리 색 속성을 설정합니다. |
| border-left-style | border-left-style 속성은 왼쪽 테두리 스타일 속성을 설정합니다. |
| border-left-width | border-left-width 속성은 왼쪽 테두리 두께 속성을 설정합니다. |
| border-radius | border-radius 속성은 모서리 굴곡을 설정합니다. |
| border-right | border-right 속성은 오른쪽 테두리 속성을 설정합니다. |
| border-right-color | border-right-color 속성은 오른쪽 테두리 색 속성을 설정합니다. |
| border-right-style | border-right-style 속성은 오른쪽 테두리 스타일 속성을 설정합니다. |
| border-right-width | border-right-width 속성은 오른쪽 테두리 두께 속성을 설정합니다. |
| border-style | border-style 속성은 테두리 스타일 속성을 설정합니다. |
| border-top | border-top 속성은 위쪽 테두리 속성을 설정합니다. |
| border-top-color | border-top-color 속성은 위쪽 테두리 색 속성을 설정합니다. |
| border-top-left-radius | border-top-left-radius 속성은 윗부분 왼쪽 모서리 굴곡을 설정합니다. |
| border-top-right-radius | border-top-right-radius 속성은 윗부분 오른쪽 모서리 굴곡을 설정합니다. |
| border-top-style | border-top-style 속성은 위쪽 테두리 스타일 속성을 설정합니다. |
| border-top-width | border-top-width 속성은 위쪽 테두리 두께 속성을 설정합니다. |
| border-width | border-width 속성은 테두리 두께 속성을 설정합니다. |
| box-decoration-break | box-decoration-break 속성은 컬럼 및 줄바꿈시 테두리와 패딩의 방식을 설정합니다. |
| box-sizing | box-sizing 속성은 크기 및 높이 여부의 포함을 설정합니다. |
| outline | outline 속성은 아웃라인의 색, 스타일, 두께를 정의합니다. |
| outline-color | outline-color 속성은 아웃라인의 색을 정의합니다. |
| outline-offset | outline-offset 속성은 아웃라인의 간격을 정의합니다. |
| outline-style | outline-style 속성은 아웃라인 스타일을 정의합니다. |
| outline-width | outline-width 속성은 아웃라인의 두께를 정의합니다. |
| box-shadow | box-shadow 속성은 박스 요소의 그림자를 설정합니다. |
