CSS and can not inherit the inheritable properties summary

Inheritable property

  • All the elements: visibility, cursor
  • 列表元素:list-style、list-style-type、list-style-position、list-style-image
  • 字体属性:line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、font-size-adjust
  • Table layout attributes: caption-side, border-collapse, border-spacing, empty-cells, table-layout
  • Text attributes: text-transform, direction
  • Other attributes: letter-spacing, word-spacing

Can not inherit property

  • Box model all attributes: margin, padding, border, width, height
  • Outline and background properties: outline, background
  • Positioning, display, float property: display, position, top, left, right, bottom, max - * (max-height, etc. As), min - *, overflow, clear, float, content, z-index, vertical-align
  • Text attributes: white-space
  • Other: display

Block elements can be inherited, can inherit properties inline element

text-indent、text-align、text-decoration、text-shadow

Note :( to be perfect ... )

Guess you like

Origin www.cnblogs.com/uakora/p/12585187.html