CSS Reference
This tutorial CSS Reference in all major browsers tested.
CSS properties
CSS Property Group:
"CSS" column indicates in which CSS version the property is defined (CSS1, CSS2, or CSS3).
| 属性 |
描述 |
CSS |
| color-profile |
允许使用源的颜色配置文件的默认以外的规范 |
3 |
| opacity |
设置一个元素的透明度级别 |
3 |
| rendering-intent |
允许超过默认颜色配置文件渲染意向的其他规范 |
3 |
| 属性 |
说明 |
CSS |
| bookmark-label |
指定书签的标签 |
3 |
| bookmark-level |
指定了书签级别 |
3 |
| bookmark-target |
指定了书签链接的目标 |
3 |
| float-offset |
在相反的方向推动浮动元素，他们一直具有浮动 |
3 |
| hyphenate-after |
指定一个断字的单词断字字符后的最少字符数 |
3 |
| hyphenate-before |
指定一个断字的单词断字字符前的最少字符数 |
3 |
| hyphenate-character |
指定了当一个断字发生时，要显示的字符串 |
3 |
| hyphenate-lines |
表示连续断字的行在元素的最大数目 |
3 |
| hyphenate-resource |
外部资源指定一个逗号分隔的列表，可以帮助确定浏览器的断字点 |
3 |
| hyphens |
设置如何分割单词以改善该段的布局 |
3 |
| image-resolution |
指定了正确的图像分辨率 |
3 |
| marks |
将crop and/or cross标志添加到文档 |
3 |
| string-set |
|
3 |
| Attributes | Explanation | CSS |
|---|
| box-align | Specifies how to align a block of sub-elements | 3 |
| box-direction | In which direction is specified, it displays a box child element | 3 |
| box-flex | Specify whether a box of sub-elements are flexible or fixed size | 3 |
| box-flex-group | Flexible elements assigned to Flex Group | 3 |
| box-lines | Whenever it runs in the space of the parent frame when a further specify whether a new row | 3 |
| box-ordinal-group | A frame display order of sub-elements | 3 |
| box-orient | Specifies whether a box of a child element in the horizontal or vertical direction should be laid | 3 |
| box-pack | Specifies lateral box in a horizontal position and vertical position of the vertical frame | 3 |
| Attributes | Explanation | CSS |
|---|
| font | Set all font properties in one declaration | 1 |
| font-family | The provisions of the text font family | 1 |
| font-size | The provisions of the text font size | 1 |
| font-style | Font styles specified text | 1 |
| font-variant | Font styles specified text | 1 |
| font-weight | Prescribed font weight | 1 |
| @ font-face | A rule that allows the site to download and use other than "Web- safe" for the font | 3 |
| font-size-adjust | The elements aspect predetermined value | 3 |
| font-stretch | Shrink or stretch the current font family | 3 |
| Attributes | Explanation | CSS |
|---|
| content | With: before and: after pseudo-element used in conjunction to insert generated content | 2 |
| counter-increment | Increment or decrement one or more counters | 2 |
| counter-reset | Create one or more counters or reset | 2 |
| quotes | Set of nested types referenced quotes | 2 |
| crop | Allow replaced elements just as an object instead of the rectangular area of the entire object | 3 |
| move-to | Causes an element to be removed from the flow and reinserted at a later point in the document | 3 |
| page-policy | String value is determined based on the page to apply to a given element in the counter | 3 |
| Attributes | Explanation | CSS |
|---|
| grid-columns | Specifies the width of each column in the grid | 3 |
| grid-rows | Specifies the height of each column in the grid | 3 |
| Attributes | Explanation | CSS |
|---|
| target | Shorthand property to set target-name, target-new, and the target-position property | 3 |
| target-name | Specifies to open the link (destination) where | 3 |
| target-new | Specifies whether a new target link opens a new window or open a new tab in an existing window | 3 |
| target-position | Specify the new destination links should be placed in the position | 3 |
| Attributes | Explanation | CSS |
|---|
| alignment-adjust | Allows more precise alignment of elements | 3 |
| alignment-baseline | Its parent element specified inline level how to align | 3 |
| baseline-shift | Allows repositioning of the dominant-baseline relative to the dominant-baseline | 3 |
| dominant-baseline | Specifies the scaled-baseline-table | 3 |
| drop-initial-after-adjust | Set the initial alignment point pulldown primary connection point | 3 |
| drop-initial-after-align | Set the calibration line within the initial line is that it has the first letter of the box using the primary connection point | 3 |
| drop-initial-before-adjust | Settings drop-down auxiliary connection point initial alignment point | 3 |
| drop-initial-before-align | Set the calibration line within the initial line is that it has the first letter of the auxiliary junction box | 3 |
| drop-initial-size | The first letter of the control of local subsidence | 3 |
| drop-initial-value | Activate a drop-down initial results | 3 |
| inline-box-align | Set up a multi-line inline block row having aligned front and next inline elements | 3 |
| line-stacking | A set line-stacking-strategy, line-stacking-ruby, and line-stacking-shift attribute shorthand property | 3 |
| line-stacking-ruby | Sets the line stacking method for block elements containing Ruby annotation elements | 3 |
| line-stacking-shift | Set base-shift line containing stacked block element method element | 3 |
| line-stacking-strategy | Stacking method sets contained within the block elements of the stack frame | 3 |
| text-height | Text area inline box set block-progression dimension | 3 |
| Attributes | Explanation | CSS |
|---|
| marquee-direction | Setting the direction of moving content | 3 |
| marquee-play-count | How many times have set up mobile content | 3 |
| marquee-speed | Set how fast scroll content | 3 |
| marquee-style | Styling mobile content | 3 |
| Attributes | Explanation | CSS |
|---|
| column-count | The number of columns specified element should be divided into the | 3 |
| column-fill | Specifies how to fill columns | 3 |
| column-gap | Specified gap between the columns | 3 |
| column-rule | All set for column-rule- * properties shorthand property | 3 |
| column-rule-color | Specify color rules between columns | 3 |
| column-rule-style | Style rule specifies between columns | 3 |
| column-rule-width | Specifies the width of the rule between columns | 3 |
| column-span | How many columns specified element should span | 3 |
| column-width | Specifies the width of the columns | 3 |
| columns | Shorthand property to set the number of columns and column width | 3 |
| Attributes | miss | CSS |
|---|
| fit | If the width and height attributes are not auto gives a hint of how massive replaced elements | 3 |
| fit-position | Determining the alignment of the object inside the box | 3 |
| image-orientation | Specifies the user-agent suitable for right or rotate the image clockwise | 3 |
| page | Specify a particular type of element should display a page | 3 |
| size | Specify the content of the page containing the BOX size and orientation | 3 |
| Attributes | Explanation | CSS |
|---|
| bottom | Offset block at the border between the lower margin settings targeting elements comprising its border | 2 |
| clear | Which side of the predetermined element prevents other floating elements | 1 |
| clip | Cut absolutely positioned elements | 2 |
| cursor | Type cursor provisions to be displayed (shape) | 2 |
| display | Type specifies the elements to be generated box | 1 |
| float | Are the provisions of box should float | 1 |
| left | Setting targeting elements comprising its border left margin offset between the left edge of the block | 2 |
overflow
| What happens when the contents of the provisions of the overflow box element | 2 |
| position | Location type specifies the elements | 2 |
| right | Setting the right margin positioning elements containing an offset block border and its right border between | 2 |
| top | Set targeting elements contained on the border and its margin offsets between the block boundary | 2 |
| visibility | Are the provisions of visible elements | 2 |
| z-index | Setting the stacking order of elements | 2 |
| Attributes | Explanation | CSS |
|---|
| orphans | Minimum number of lines occurs when the internal elements must be retained tab at the bottom of the page | 2 |
| page-break-after | Settings tab behavioral elements after | 2 |
| page-break-before | Settings tab behavioral elements before | 2 |
| page-break-inside | The element inside the tab behavior | 2 |
| widows | Minimum number of lines occurs when the internal elements must be retained tab at the top of the page | 2 |
| Attributes | Explanation | CSS |
|---|
| ruby-align | Ruby and Ruby control text based content text alignment relative to each other | 3 |
| ruby-overhang | When the text exceeds Ruby base Ruby width, determine the local mount any adjacent text ruby text is allowed, in addition to their base | 3 |
| ruby-position | Where it controls the base text Ruby | 3 |
| ruby-span | Control over the behavior of annotation elements | 3 |
| Attributes | Explanation | CSS |
|---|
| mark | Set mark-before and mark-after attribute shorthand properties | 3 |
| mark-after | Allow named tags to the audio stream | 3 |
| mark-before | Allow named tags to the audio stream | 3 |
| phonemes | Specifies that contains the text of the corresponding element in a phonetic pronunciation | 3 |
| rest | Setting a rest-before and rest-after attribute shorthand properties | 3 |
| rest-after | A content element after the finish, designated to take a break or comply with prosodic boundary | 3 |
| rest-before | A content element before the finish, designated to take a break or comply with prosodic boundary | 3 |
| voice-balance | Specified balance the left and right channels | 3 |
| voice-duration | Specify the contents of the selected element should be taken to render the length of the | 3 |
| voice-pitch | Specifies the average voice pitch (frequency) | 3 |
| voice-pitch-range | Specifies the average pitch change | 3 |
| voice-rate | Speed control | 3 |
| voice-stress | Indicating efforts focus | 3 |
| voice-volume | Speech synthesis means that the amplitude of the output waveform | 3 |
| Attributes | Explanation | CSS |
|---|
| border-collapse | Specifies whether the table border merger | 2 |
| border-spacing | A predetermined distance between adjacent cell borders | 2 |
| caption-side | Predetermined location of the title table | 2 |
| empty-cells | Specifies whether to display borders and background tables in empty cells on | 2 |
| table-layout | Setting layout algorithm for tables | 2 |
| Attributes | Explanation | CSS |
|---|
| color | Set the color of the text | 1 |
| direction | Text predetermined direction / writing direction | 2 |
| letter-spacing | Setting character spacing | 1 |
| line-height | Setting row height | 1 |
| text-align | The horizontal alignment of the provisions of the text | 1 |
| text-decoration | Provision added to the text of the decorative effect | 1 |
| text-indent | The provisions of the text block indent the first line | 1 |
| text-transform | Sensitive controls for the text | 1 |
| unicode-bidi | | 2 |
| vertical-align | The vertical alignment of the element | 1 |
| white-space | How to set a blank control element | 1 |
| word-spacing | Word spacing settings | 1 |
| hanging-punctuation | Specifies whether a punctuation mark may be beyond the line box | 3 |
| punctuation-trim | Specifies whether to remove a punctuation mark | 3 |
| text-align-last | When text-align is set to justify, the last line alignment. | 3 |
| text-justify | Decentralized manner specified alignment when text-align is set to justify the time. | 3 |
| text-outline | Set the outline text. | 3 |
| text-overflow | Element specifies when the text overflows included, what should happen | 3 |
| text-shadow | Add a shadow to text | 3 |
| text-wrap | Rules specify text wrap | 3 |
| word-break | Specifies line breaking rules for non-CJK text | 3 |
| word-wrap | Whether to set the browser to be too long a word wrap. | 3 |
| Attributes | Explanation | CSS |
|---|
| transform | Apply 2D or 3D conversion element | 3 |
| transform-origin | It allows you to change the position of the conversion element | 3 |
| transform-style | 3D Space specify how nested elements | 3 |
| perspective | See how to specify the 3D element is a perspective view | 3 |
| perspective-origin | 3D elements specify the bottom position | 3 |
| backface-visibility | Whether the definition of an element should be visible, not in front of the screen | 3 |
| Attributes | Explanation | CSS |
|---|
| appearance | Exterior style definition elements | 3 |
| box-sizing | It allows you to adapt the region to somehow define certain elements | 3 |
| icon | Specify an icon for the element | 3 |
| nav-down | Specifies the user presses the down navigation key downward position | 3 |
| nav-index | Specifies Navigation (tab) order. | 3 |
| nav-left | Specify when the user presses the button to the left to navigate location | 3 |
| nav-right | Specifies the user to press the right position when the left navigation | 3 |
| nav-up | Specifies the user presses the up key navigate up a position | 3 |
| outline-offset | Setting the offset contour edge outside the framework of the border | 3 |
| resize | Whether the definition of the elements can be resized | 3 |