What are the properties that can and cannot be inherited in CSS?

1. Non-inherited attributes

1. display: Specifies the type of box that the element should generate

2. Text attribute:

vertical-align: Vertical text alignment

text-decoration: Specifies the decoration added to the text

text-shadow: Text shadow effect

white-space: Treatment of whitespace characters

unicode-bidi: Setting the direction of text

3. Box model attributes

width, height, margin, margin-top, margin-right, margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border- right-right, border-bottom-width, border-left-width, border-color, border-top-color, border-right-color, border-bottom-color, border-left-color, border-top, border- right, border-bottom, border-left, padding, padding-top, padding-right, padding-bottom, padding-left

4, background attribute

background, background-color, background -image, background-repeat, background-position, background-attachment

5, positioning attribute

float, clear, position, top, right, bottom, left, min-width, min- height, max-width, max-height, overflow, clip, z-index

6, generate content attributes

content, counter-reset, counter-increment

7 , outline style attributes

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

8, page style attributes

size, page-break-before, page- break-after

9. Sound style attributes

pause-before, pause-after, pause, cue-before, cue-after, cue, play-during

two , Inherited attributes

1. Font family attributes

font: combined font

font-family: specifies the font family of the element

font- weight: Set the thickness of the font

font-size: Set the size of the font

font-style: Define the style of the font

font-variant: Set the font of small uppercase letters Displays text, which means that all lowercase letters are converted to uppercase, but all letters in small caps have a smaller font size compared to the rest of the text.

font-stretch: Stretch and transform the current font-family. Not supported by all major browsers.

font-size-adjust: Specify an aspect value for an element so that the x-height of the preferred font is maintained.

2. Text series attributes

text-indent: text indent

text-align: text horizontal alignment

line-height: line height

Word-spacing: Increase or decrease the space between words (i.e. word spacing)

letter-spacing: Increase or decrease the space between characters (character spacing)

text- transform: Control text case

direction: Specify the writing direction of text

color: Text color

3. Element visibility

visibility

4. Table layout properties

caption-side, border-collapse, border-spacing, empty-cells, table-layout

5. List layout properties

list-style-type, list-style-image, list-style-position, list-style

6, generated content attribute

quotes

7, cursor attribute

cursor

8. Page style attributes

page、page-break-inside、windows、orphans

9、Sound style attributes

speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、azimuth、elevation

3. All elements can Inherited properties

1. Element visibility

visibility

2. Cursor property

cursor

4. Inline elements can Inherited properties

1. Font family properties

2. Text series properties except text-indent and text-align

5. Block-level elements can be inherited Attribute

1, text-indent, text-align

The above is the detailed content of What are the properties that can and cannot be inherited in CSS?. For more information, please follow other related articles on the PHP Chinese website!