Common CSS property list summary and css property Summary

Source: Internet
Author: User

Common CSS property list summary and css property Summary
Summary of common CSS attribute lists

Recently, I will summarize common CSS attributes for students to facilitate learning and query. I will share them with you.

The lowest version of CSS supported by the number marker in the rightmost column of the table.

 

01. CSS Background attributes (Background)

Attributes and descriptions

Background: Set all background plug-ins in one declaration.

Background-attachment: Set whether the background image is fixed or scrolled with the rest of the page.

Background-color: Set the background color of an element.

Background-image: Set the background image of the element 1

Background-position: Set the start position of the background image 1

Background-repeat: Set whether or not to repeat the background image

02. CSS Border attributes (Border and Outline)

Attributes and descriptions

Border: Set all border attributes 1 in a declaration.

Border-bottom: Set all bottom border attributes 1 in a declaration.

Border-bottom-color: Set the color of the bottom border 2

Border-bottom-style: Set the style of the bottom border 2

Border-bottom-width: Set the width of the bottom border to 1.

Border-color: Set the color of the four borders to 1.

Border-left: Set all left border attribute 1 in a declaration.

Border-left-color: Set the color of the left border 2

Border-left-style: Set the style of the left border 2

Border-left-width: Set the width of the left border to 1.

Border-right: set attribute 1 for all right borders in a declaration.

Border-right-color: Set the color of the right border 2

Border-right-style: Set the style of the right border 2

Border-right-width: Set the width of the right border to 1.

Border-style: Set the style of the four borders 1

Border-top: set attribute 1 for all top borders in a declaration.

Border-top-color: Set the upper border color 2

Border-top-style: Set the style of the top border 2

Border-top-width: Set the width of the top border to 1.

Border-width: Set the width of the four borders to 1.

Outline: Set all profile attributes in a declaration 2

Outline-color: Set the outline color 2

Outline-style: Set the outline style 2

Outline-width: Set the width of the contour.

03. CSS Text attributes (Text)

Attributes and descriptions

Color: set text color 1

Direction: Specifies the direction of the text/writing direction 2

Letter-spacing: Set the Character spacing to 1.

Line-height: Set the Row height to 1.

Text-align: Specifies the horizontal alignment of text 1

Text-decoration: Specifies the decoration effect 1 added to the text.

Text-indent: Specifies the indentation of the first line of a text block.

Text-shadow: Specifies the shadow effect 2 added to the text.

Text-transform: controls the case sensitivity of text 1

Unicode-bidi: Set the text direction to 2

White-space: Specifies how to process the blank 1 in the element

Word-spacing: Set word spacing 1

04. CSS Font attributes (Font)

Attributes and descriptions

Font: Set all font attributes in one declaration.

Font-family: Specifies the text font Series 1

Font-size: Specifies the text font size 1

Font-size-adjust: Specifies aspect value 2 for the element

Font-stretch: contract or stretch the current font Series 2

Font-style: requires text font compaction 1

Font-variant: Specifies the text font style 1

Font-weight: Specifies the font width

05. CSS Margin attribute (Margin)

Attributes and descriptions

Margin: Set all margin attributes 1 in a declaration.

Margin-bottom: Set the element's bottom margin 1

Margin-left: Set the left margin 1 of the element.

Margin-right: set the right margin of the element 1

Margin-top: sets the top margin of an element.

 

06. CSS Padding attribute (Padding)

Attributes and descriptions

Padding: Set all padding attribute 1 in a declaration.

Padding-bottom: Set the element's bottom padding 1

Padding-left: Set the left padding of the element 1

Padding-right: set the right padding of the element 1

Padding-top: Set the top padding of an element.

 

07. CSS List attributes (List)

Attributes and descriptions

List-style: Set all list attributes 1 in a declaration.

List-style-image: Set the image to list item mark 1

List-position: Set the position of the list item marker 1

List-style-type: Set the type of the list item tag

 

08. CSS size attributes (Dimension)

Attributes and descriptions

Height: Set the element height to 1.

Max-height: set the maximum height of the element 2

Max-width: set the maximum width of the element 2

Min-height: sets the minimum height of the element 2

Min-width: set the minimum width of the element 2

Width: Set the width of an element to 1.

 

09. Positioning)

Attributes and descriptions

Bottom: sets the offset 2 between the bottom margin boundary of the positioning element and the bottom boundary of the contained block.

Clear: Specifies which side of the element does not allow other floating elements 1

Clip: Crop absolute positioning element 2

Cursor: specifies the type (SHAPE) of the cursor to be displayed 2

Display: specifies the type 1 of the box to be generated by the element.

Float: Specifies whether the box should float 1

Left: sets the offset 2 between the left margin boundary of the positioning element and the left boundary of the contained block.

Overflow: Specifies what happens when the content overflow element box 2

Position: Specifies the element positioning type 2

Right: sets the offset 2 between the right margin and the right margin of the positioning Element and Its contained block.

Top: sets the offset 2 between the top margin of the positioning Element and Its contained block.

Vertical-align: Set the vertical method of the element 1

Visibility: Specifies whether the element is visible 2

Z-index: Set the stacking order of Elements

 

10. CSS Table attributes (Table)

Attributes and descriptions

Border-collapse: Specifies whether to MERGE table border 2

Border-spacing: Specify the distance between borders of adjacent cells. 2.

Caption-side: Specifies the table title Location 2

Empty-cells: Specifies whether to display the border and Background 2 on the empty cell in the table.

Table-layout: sets the layout Algorithm for tables.

 

 Article Source: Http://lib.csdn.net/article/css3/51653

 

Related Article

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.