CSS inheritance properties and non-inherited properties

Source: Internet
Author: User

I. Attributes with no inheritance

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

2. Text properties:

Vertical-align: Vertical Text alignment

Text-decoration: Specifies decorations added to the text

Text-shadow: text Shadow effect

White-space: processing of whitespace characters

Unicode-bidi: Setting the direction of text

3, Box model properties : 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 Properties : Background, Background-color, Background-image, Background-repeat, Background-position, Background-attachment

5. Positioning Properties : Float, clear, position, top, right, bottom, left, Min-width, Min-height, Max-width, max-height, overflow, Clip, Z-index

6. Generate Content properties: Contents , Counter-reset, counter-increment

7. Contour Style properties:Outline-style, Outline-width, Outline-color, outline

8. page Style properties : Size, Page-break-before, Page-break-after

9. Sound Style properties : Pause-before, Pause-after, pause, Cue-before, Cue-after, Cue, play-during

Ii. attributes with inheritance

1. Font Family Properties

Font: Combining fonts

font-family: font family of specified elements

Font-weight: Setting the weight of a font

Font-size: Setting the size of the font

Font-style: Defining the style of the font

Font-variant: Sets the font display text for small caps, which means that all lowercase letters are converted to uppercase, but all letters that use a small uppercase font have a smaller font size than the rest of the text.

Font-stretch: The current font-family is stretched and deformed. All major browsers are not supported.

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

2. Text Series Properties

Text-indent: text indent

Text-align: Horizontal alignment of text

Line-height: Row Height

Word-spacing: increases or decreases the gap between words (i.e., word spacing)

Letter-spacing: Increase or decrease whitespace between characters (character spacing)

Text-transform: controlling text capitalization

Direction: The writing direction of the specified text

Color: Text Colors

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. Generate content Properties : Quotes

7, cursor properties : Cursor

8. page Style properties: Pages , page-break-inside, Windows, orphans

9. Sound Style properties : Speak, Speak-punctuation, Speak-numeral, Speak-header, Speech-rate, volume, voice-family, pitch, Pitch-range, stress, richness, azimuth, elevation

Iii. attributes that all elements can inherit

1. element Visibility : Visibility

2, cursor properties : Cursor

Iv. attributes that can be inherited by inline elements

1. Font Family Properties

2. Text Series Properties except text-indent, text-align

V. attributes that block-level elements can inherit

1, Text-indent, text-align

reprint to : https://www.cnblogs.com/thislbq/p/5882105.html

CSS inheritance properties and non-inherited properties

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.