CSS Common Properties Summary two

CSS Common Properties *********

"Layout"

Clear: The value of this property indicates that the edge of a floating object is not allowed.

Default value: None

None: Allow floating objects on both sides

Both: Floating objects are not allowed

Left: does not allow floating objects

Right: Do not allow floating objects

-----------------------------------------------------------

Display: Sets or retrieves whether and how objects are displayed.

If display is set to none,float and the position attribute definition will not take effect;

If position is neither static nor relative,float the attribute definition will not take effect;

IE7 and earlier browsers only support none | inline | Block | Inline-block | List-item attribute value;

Opera12.10 and above have supported direct write property values: Flex | Inline-flex without prefix;

None: Hides the object. Unlike the hidden value of the visibility property, it does not retain its physical space for objects that are hidden

Inline: Specifies that the object is an inline element.

Block: Specifies that the object is a block element.

List-item: Specifies that the object is a list item.

Inline-block: Specifies that the object is an inline block element. (CSS2)

Table: Specifies the object as a table at the block element level. Similar to HTML tags (CSS2)

Inline-table: Specifies the object as an inline element-level table. Similar to HTML tags

(CSS2)

Table-caption: Specifies the object as the table caption. Similar to HTML tags

(CSS2)

Table-row-group: Specifies the object as a table row group. Similar to HTML tags

(CSS2)

Table-column: Specifies the object as a table column. Similar to HTML tags

(CSS2)

Table-column-group: Specifies that the object is displayed as a table column group. Similar to HTML tags

(CSS2)

Table-header-group: Specifies the object as a table header group. Similar to HTML tags

(CSS2)

Table-footer-group: Specifies the object as the table footer group. Similar to HTML tags

(CSS2)

Compact: Allocating objects as block objects or inline objects based on content (CSS3)

Run-in: Determines whether an object is an inline object or a block-level object, depending on the context. (CSS3)

If the run-in element contains a block-level element, the run-in element becomes a block-level element;

If the block has a block-level element (non-float and position definitions) immediately following the run-in element, the run-in element becomes the first inline element within the block, and a run-in element cannot be inserted into a block that begins with an existing run-in element or is itself a run-in element;

In other cases, the run-in element will be a block-level element;

Ruby: Display the object as a table footer group (CSS3)

Ruby-base: Display the object as a table footer group (CSS3)

Ruby-text: Display the object as a table footer group (CSS3)

Ruby-base-group: Display the object as a table footer group (CSS3)

Ruby-text-group: Display the object as a table footer group (CSS3)

Flex: Displaying objects as flexible box models (CSS3)

Inline-flex: Displaying an object as an inline block-level elastic box model (CSS3)

-------------------------------------------------------------------

float: The value of this property indicates whether and how the object floats.

When the property is not equal to none causing the object to float, the object is treated as a block object (Block-level), that is, the display property equals block. In other words, the display property of the floating object is ignored.

Float is not applied when absolute positioning and display are none.

None: Set object does not float

Left: Sets the object to float

Right: Set object to float

--------------------------------------------------

Overflow: Composite properties. Retrieves or sets how content is managed when the object's content exceeds its specified height and width.

Default value: Visible

If only one is provided, its effect is equivalent to Overflow-x + overflow-y.

If two is provided, the first is equivalent to Overflow-x and the second is equivalent to Overflow-y.

For table, if the Table-layout property is set to fixed, the TD object supports a overflow property with a default value of hidden. If set to Hidden,scroll or auto, then the content beyond the TD size will be clipped. If set to visible, causes additional text to overflow to the right or left (depending on the direction property setting) of the cell.

Visible: Do not cut content.

Hidden: The content that exceeds the size of the object is clipped and no scroll bars appear.

Scroll: Crops the content beyond the object's dimensions and displays the excess content as a scroll bar.

Auto: Cuts the content and adds scroll bars when needed, which is the default value for the body object and textarea.

No-display: When the content is not suitable for the current content box, the entire box will be removed, similar to the Display:none. (CSS3)

No-content: When content is not appropriate for the current content box, the entire content is hidden, similar to Visibility:hidden. (CSS3)

-------------------------------------------------------------------------------------------------

Overflow-x: Retrieves or sets how content is managed when the object's content exceeds its specified width.

Default value: Visible

Visible: Do not cut content.

Hidden: The content that exceeds the width of the object is clipped and no scroll bars appear.

Scroll: Crops the content beyond the width of the object and displays the content in the scroll bar.

Auto: Cuts the content and adds scroll bars when needed, which is the default value for the body object and textarea.

No-display: When the content is not suitable for the current content box, the entire box will be removed, similar to the Display:none.

No-content: When content is not appropriate for the current content box, the entire content is hidden, similar to Visibility:hidden.

---------------------------------------------------------------------------------------

OVERFLOW-Y: Cable or sets how content is managed when the object's content exceeds its specified height.

Default value: Visible

Visible: Do not cut content.

Hidden: The content beyond the height of the object is clipped and no scroll bars appear.

Scroll: Crops content that exceeds the height of the object and displays the contents of the scroll bar.

Auto: Cuts the content and adds scroll bars when needed, which is the default value for the body object and textarea.

No-display: When the content is not suitable for the current content box, the entire box will be removed, similar to the Display:none.

No-content: When content is not appropriate for the current content box, the entire content is hidden, similar to Visibility:hidden.

----------------------------------------------------------------------------------------

Rotation: Retrieves or sets the rotation angle of the object.

Default value: 0

Rotation rotates the rotation offset with the value set by the Rotation-point as the reference origin.

The element's border, padding, content, and any background that do not have a fixed set rotate with the element. All child elements with position values of static and relative also rotate, and the rest will not.

Rotation rotation does not affect parent and sibling elements, and their position layout is unchanged. So when the elements are rotated, they may overlap other elements.

This property is similar to the rotation rotate () under the Transform property and may be substituted or discarded.

: Specify an angle. Can be a negative value

-------------------------------------------------

Rotation-point: Retrieves or sets the coordinate points that are referenced when the object is rotated.

Rotation rotates the rotation offset with the value set by the Rotation-point as the reference origin.

This property is similar to Transform-origin and may be substituted or discarded.

: Specifies the coordinate value in percent.

: Specifies the coordinate value with the length value.

Left: The horizontal axis of the specified origin is left.

Center: Specifies the horizontal or vertical axis of the origin as the center.

Right: Specifies the horizontal axis of the origin.

Top: Specifies the vertical of the origin point as top

Bottom: Specifies that the ordinate of the origin point is bottom

-------------------------------------------------------------------------

Visibility: Sets or retrieves whether the object is displayed. Unlike the display property, this property retains the physical space it occupies for hidden objects

If you want the object to be visual, its parent object must also be visible.

Default value: Visible

Visible: Set Object Visual

Hidden: Setting Object shadowing

Collapse: A row or column that is used primarily to hide a table. Hidden rows or columns can be used by other content. For other objects outside the table, the action is equivalent to hidden. IE6 and below do not support this parameter value

--------------------------------------------------------------------------------------------------------------- ------------------

Table-cell: Specifies the object as a table cell. Similar to HTML tags

(CSS2)

(CSS2)

Table-row: Specifies the object as the table row. Similar to HTML tags

The above is the CSS Common Properties summary two content, more relevant content please pay attention to topic.alibabacloud.com (www.php.cn)!

