CSS属性总结

CSS属性总结

 

CSS的全部属性，可分组为：
动画；网格；背景；超链接；分页；边框和轮廓；线框；Ruby；框；列表；语音

；颜色；外边距；表格；内容页的媒体属性；字幕；文本；尺寸；多列；2D/3D

转换；盒子模型；内边距；过渡；字体；页面媒体；用户界面；内容生成；定位

 

动画属性包括：
@keyframes, animation, animation-name, animation-duration, animation-

timing-function, animation-delay, animation-iteration-count,

animation-direction, animation-play-state

 

背景属性包括：
background, background-attachment, background-color, background-image,

background-position, background-repeat, background-clip, background-

origin, background-size

 

边框Border和轮廓Outline 属性
border, border-bottom, border-bottom-color, border-bottom-style,

border-bottom-width, border-color, border-left, border-left-color,

border-left-style, border-left-width, border-right, border-right-

color, border-right-style, border-right-width, border-style, border-

top, border-top-color, border-top-style, border-top-width, border-

width, outline, outline-color, outline-style, outline-width, border-

bottom-left-radius, border-bottom-right-radius, border-image, border-

image-outset, border-image-repeat, border-image-slice, border-image-

source, border-image-width, border-radius, border-top-left-radius,

border-top-right-radius, box-decoration-break, box-shadow

 

盒子Box 属性
overflow-x, overflow-y, overflow-style, rotation, rotation-point

 

颜色属性 Color
color-profile, opacity, rendering-intent

 

内边距属性 Padding
padding, padding-bottom, padding-left, padding-right, padding-top

 

媒体页面内容属性
bookmark-label, bookmark-level, bookmark-target, float-offset,

hyphenate-after, hyphenate-before, hyphenate-character, hyphenate-

lines, hyphenate-resource, hyphens, image-resolution, marks, string-

set

 

尺寸属性 Dimension
height, max-height, max-width, min-height, min-width, width

 

弹性盒子模型属性 Flexible Box
box-align, box-direction, box-flex, box-flex-group, box-lines, box-

ordinal-group, box-orient, box-pack

 

字体属性 Font
font, font-family, font-size, font-style, font-variant, font-weight,

@font-face, font-size-adjust, font-stretch

 

内容生成属性 Generated Content Properties
content, counter-increment, counter-reset, quotes, crop, move-to,

page-policy

 

网格属性 Grid
grid-columns, grid-rows

 

超链接属性 Hyperlink
target, target-name, target-new, target-position

 

线框属性 Linebox
alignment-adjust, alignment-baseline, baseline-shift, dominant-

baseline, drop-initial-after-adjust, drop-initial-after-align, drop-

initial-before-adjust, drop-initial-before-align, drop-initial-size,

drop-initial-value, inline-box-align, line-stacking, line-stacking-

ruby, line-stacking-shift, line-stacking-strategy, text-height

 

列表属性 List
list-style, list-style-image, list-style-position, list-style-type

 

外边距属性 Margin
margin, margin-bottom, margin-left, margin-right, margin-top

 

字幕属性 Marquee
marquee-direction, marquee-play-count, marquee-speed, marquee-style

 

多列属性 Multi-column
column-count, column-fill, column-gap, column-rule, column-rule-color,

column-rule-style, column-rule-width, column-span, column-width,

columns

 

页面媒体属性 Paged Media
fit, fit-position, image-orientation, page, size

 

定位Positioning属性
bottom, clear, clip, cursor, display, float, left, overflow, position,

right, top, visibility, z-index

 

分页属性 Print
orphans, page-break-after, page-break-before, page-break-inside,

widows

 

Ruby属性
ruby-align, ruby-overhang, ruby-position, ruby-span

 

语音属性 Speech
mark, mark-after, mark-before, phonemes, rest, rest-afer, rest-before,

voice-balance, voice-duration, voice-pitch, voice-pitch-range, voice-

rate, voice-stress, voice-volume

 

表格属性 Table
border-collapse, border-spacing, caption-side, empty-cells, table-

layout

 

文本属性 Text
color, direction, letter-spacing, line-height, text-align, text-

decoration, text-indent, text-transform, unicode-bidi, vertical-align,

white-space, word-spacing, hanging-punctuation, punctuation-trim,

text-align-last, text-justify, text-outline, text-overflow, text-

shadow, text-wrap, word-break, word-wrap

 

2D/3D转换属性
transform, transform-origin, transform-style, perspective,

perspective-origin, backface-visibility

 

过渡属性 Transition
transition, transition-property, transition-duration, transition-

timing-function, transition-delay

 

用户外观属性 User-interface
appearance, box-sizing, icon, nav-down, nav-index, nav-left, nav-

right, nav-up, outline-offset, resize

参考：

http://www.w3cschool.cc/cssref/css-reference.html#grid