css笔记-display属性_html/css_WEB-ITnose

css笔记-display属性

display属性可取值

display：none | inline | block | list-item | inline-block | table | inline-table | table-caption | table-cell | table-row | table-row-group | table-column | table-column-group | table-footer-group | table-header-group | compact | run-in | ruby | ruby-base | ruby-text | ruby-base-group | ruby-text-group

display属性取值说明

inline：指定对象为内联元素。

block：指定对象为块元素。

list-item：指定对象为列表项目。

inline-block：指定对象为内联块元素。（CSS2）

table：指定对象作为块元素级的表格。类同于html标签

inline-table：指定对象作为内联元素级的表格。类同于html标签

table-caption：指定对象作为表格标题。类同于html标签

table-row-group：指定对象作为表格行组。类同于html标签

table-column：指定对象作为表格列。类同于html标签

table-column-group：指定对象作为表格表格列祖显示。类同于html标签

table-header-group：指定对象作为表格标题组。类同于html标签

table-footer-group：指定对象作为表格脚注组。类同于html标签

compact：分配对象为块对象或基于内容之上的内联对象。（CSS3）

run-in：分配对象为块对象或基于内容之上的内联对象。（CSS3）

ruby：将对象作为表格脚注组显示。（CSS3）

ruby-base：将对象作为表格脚注组显示。（CSS3）

ruby-text：将对象作为表格脚注组显示。（CSS3）

ruby-base-group：将对象作为表格脚注组显示。（CSS3）

ruby-text-group：将对象作为表格脚注组显示。（CSS3）