1 개요[ | ]
- CSS properties
- CSS 주요 스타일 속성
- 주요 CSS 스타일 속성
- CSS 스타일 속성는 매우 다양하다.
- 주요 스타일 속성만 알아두자.
2 목록[ | ]
| 스타일 | 설명 | 비고 |
|---|---|---|
| color | 글자색 | CSS 색상명 또는 16진 색상값 |
| font-size | 글자크기 | 값 지정(단위: px, em) |
| font-family | 글자폰트 | |
| text-align | 텍스트 수평 정렬 | center, left, right |
| text-decoration | 글자에 줄긋기 | none, underline, line-through, overline |
| text-transform | 대소문자 변경 | uppercase, lowercase, capitalize |
| background-color | 배경색 | CSS 색상명 또는 16진 색상값 |
| margin | 여백 (바깥쪽) | auto 또는 값 지정(단위: px) |
| margin-top margin-bottom margin-left margin-right |
한쪽 여백 | auto 또는 값 지정(단위: px) |
| padding | 여유공간 (안쪽) | 값 지정(단위: px) |
| padding-top padding-bottom padding-left padding-right |
한쪽 여유공간 | 값 지정(단위: px) |
| width | 너비 | 값 지정(단위: px 또는 %) |
| height | 높이 | 값 지정(단위: px 또는 %) |
| border | 외곽선 | |
| border-top border-bottom border-left border-right |
한쪽 외곽선 | |
| border-color | 외곽선 색상 | CSS 색상명 또는 16진 색상값 |
| border-width | 외곽선 두께 | 값 지정(단위: px) |
| border-style | 외곽선 스타일 | dashed, dotted, outset, solild |
| border-radius | 모서리 둥글게 | 값 지정(단위: px 또는 %[1]) |
| border-top-left-radius border-top-right-radius border-bottom-left-radius border-bottom-right-radius |
한쪽 모서리 둥글게 | 값 지정(단위: px 또는 %) |
| display | block, inline-block, inline, none | |
| float | left, right | |
| clear | left, right, both | |
| position | absolute, relative, fixed | |
| z-index | 양의 정수값 | |
| opacity | 불투명도 | 0.0(완전 투명) ~ 1.0(완전 불투명), initial, inherit |
3 같이 보기[ | ]
4 주석[ | ]
- ↑ 100%로 하면 원형(또는 타원)이 됨