CSS Property(속성) 전체 리스트.

Property 전체 리스트

 

W3C 에서 제공하는 Property 정리 테이블 -> http://www.w3.org/TR/css-2010/#properties 복사해옴. Name 에 있는 것이 속성이며 클릭하면 상세정보를 볼 수 있다.

Name	Values	Initial value	Applies to	Media
background-attachment	scroll | fixed | inherit	scroll		visual
background-color	<color> | inherit	transparent		visual
background-image	<uri> | none | inherit	none		visual
background-position	[ [ <percentage> | <length> | left | center | right ] [ <percentage> | <length> | top | center | bottom ]? ] | [ [ left | center | right ] || [ top | center | bottom ] ] | inherit	0% 0%		visual
background-repeat	repeat | repeat-x | repeat-y | no-repeat | inherit	repeat		visual
background	[‘background-color’ || ‘background-image’ || ‘background-repeat’ || ‘background-attachment’ ||background-position] | inherit	see individual properties		visual
border-collapse	collapse | separate | inherit	separate	‘table’ and ‘inline-table’ elements	visual
border-color	[ <color> ]{1,4} | inherit	see individual properties		visual
border-spacing	<length> <length>? | inherit	0	‘table’ and ‘inline-table’ elements	visual
border-style	<border-style>{1,4} | inherit	see individual properties		visual
border-topborder-rightborder-bottomborder-left	[ <border-width> || <border-style> || border-top-color ] | inherit	see individual properties		visual
border-top-colorborder-right-colorborder-bottom-colorborder-left-color	<color> | inherit	the value of the ‘color’ property		visual
border-top-styleborder-right-styleborder-bottom-styleborder-left-style	<border-style> | inherit	none		visual
border-top-widthborder-right-widthborder-bottom-widthborder-left-width	<border-width> | inherit	medium		visual
border-width	<border-width>{1,4} | inherit	see individual properties		visual
border	[ <border-width> || <border-style> || border-top-color ] | inherit	see individual properties		visual
bottom	<length> | <percentage> | auto | inherit	auto	positioned elements	visual
caption-side	top | bottom | inherit	top	‘table-caption’ elements	visual
clear	none | left | right | both | inherit	none	block-level elements	visual
clip	<shape> | auto | inherit	auto	absolutely positioned elements	visual
color	<color> | inherit	depends on user agent		visual
content	normal | none | [ <string> | <uri> | <counter> | attr(<identifier>) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit	normal	:before and :after pseudo-elements	all
counter-increment	[ <identifier> <integer>? ]+ | none | inherit	none		all
counter-reset	[ <identifier> <integer>? ]+ | none | inherit	none		all
cursor	[ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | inherit	auto		visual,interactive
direction	ltr | rtl | inherit	ltr	all elements, but see prose	visual
display	inline | block | list-item | inline-block | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none |inherit	inline		all
empty-cells	show | hide | inherit	show	‘table-cell’ elements	visual
float	left | right | none | inherit	none	all, but see 9.7	visual
font-family	[ [ <family-name> | <generic-family> ] [, <family-name>| <generic-family> ]* ] | inherit	depends on user agent		visual
font-size	<absolute-size> | <relative-size> | <length> | <percentage> | inherit	medium		visual
font-style	normal | italic | oblique | inherit	normal		visual
font-variant	normal | small-caps | inherit	normal		visual
font-weight	normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit	normal		visual
font	[ [ ‘font-style’ || ‘font-variant’ || ‘font-weight’ ]? ‘font-size’ [ / ‘line-height’ ]? font-family ] | caption | icon | menu | message-box | small-caption | status-bar | inherit	see individual properties		visual
height	<length> | <percentage> | auto | inherit	auto	all elements but non-replaced inline elements, table columns, and column groups	visual
left	<length> | <percentage> | auto | inherit	auto	positioned elements	visual
letter-spacing	normal | <length> | inherit	normal		visual
line-height	normal | <number> | <length> | <percentage> | inherit	normal		visual
list-style-image	<uri> | none | inherit	none	elements with ‘display: list-item’	visual
list-style-position	inside | outside | inherit	outside	elements with ‘display: list-item’	visual
list-style-type	disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | inherit	disc	elements with ‘display: list-item’	visual
list-style	[ ‘list-style-type’ || ‘list-style-position’ || list-style-image ] | inherit	see individual properties	elements with ‘display: list-item’	visual
margin-rightmargin-left	<margin-width> | inherit	0	all elements except elements with table display types other than table-caption, table and inline-table	visual
margin-topmargin-bottom	<margin-width> | inherit	0	all elements except elements with table display types other than table-caption, table and inline-table	visual
margin	<margin-width>{1,4} | inherit	see individual properties	all elements except elements with table display types other than table-caption, table and inline-table	visual
max-height	<length> | <percentage> | none | inherit	none	all elements but non-replaced inline elements, table columns, and column groups	visual
max-width	<length> | <percentage> | none | inherit	none	all elements but non-replaced inline elements, table rows, and row groups	visual
min-height	<length> | <percentage> | inherit	0	all elements but non-replaced inline elements, table columns, and column groups	visual
min-width	<length> | <percentage> | inherit	0	all elements but non-replaced inline elements, table rows, and row groups	visual
opacity	<number> | inherit	1	all	visual
orphans	<integer> | inherit	2	block container elements	visual,paged
outline-color	<color> | invert | inherit	invert		visual,interactive
outline-style	<border-style> | inherit	none		visual,interactive
outline-width	<border-width> | inherit	medium		visual,interactive
outline	[ ‘outline-color’ || ‘outline-style’ || outline-width ] | inherit	see individual properties		visual,interactive
overflow	visible | hidden | scroll | auto | inherit	visible	block containers	visual
padding-toppadding-rightpadding-bottompadding-left	<padding-width> | inherit	0	all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column	visual
padding	<padding-width>{1,4} | inherit	see individual properties	all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column	visual
page-break-after	auto | always | avoid | left | right | inherit	auto	block-level elements (but see text)	visual,paged
page-break-before	auto | always | avoid | left | right | inherit	auto	block-level elements (but see text)	visual,paged
page-break-inside	avoid | auto | inherit	auto	block-level elements (but see text)	visual,paged
position	static | relative | absolute | fixed | inherit	static		visual
quotes	[<string> <string>]+ | none | inherit	depends on user agent		visual
right	<length> | <percentage> | auto | inherit	auto	positioned elements	visual
table-layout	auto | fixed | inherit	auto	‘table’ and ‘inline-table’ elements	visual
text-align	left | right | center | justify | inherit	a nameless value that acts as ‘left’ if ‘direction’ is ‘ltr’, ‘right’ if ‘direction’ is ‘rtl’	block containers	visual
text-decoration	none | [ underline || overline || line-through || blink ] | inherit	none		visual
text-indent	<length> | <percentage> | inherit	0	block containers	visual
text-transform	capitalize | uppercase | lowercase | none | inherit	none		visual
top	<length> | <percentage> | auto | inherit	auto	positioned elements	visual
unicode-bidi	normal | embed | bidi-override | inherit	normal	all elements, but see prose	visual
vertical-align	baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit	baseline	inline-level and ‘table-cell’ elements	visual
visibility	visible | hidden | collapse | inherit	visible		visual
white-space	normal | pre | nowrap | pre-wrap | pre-line | inherit	normal		visual
widows	<integer> | inherit	2	block container elements	visual,paged
width	<length> | <percentage> | auto | inherit	auto	all elements but non-replaced inline elements, table rows, and row groups	visual
word-spacing	normal | <length> | inherit	normal		visual
z-index	auto | <integer> | inherit	auto	positioned elements	visual