CSS 주요 스타일 속성

(CSS 주요 스타일에서 넘어옴)

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 주석[ | ]

  1. 100%로 하면 원형(또는 타원)이 됨
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}