Home  >  Article  >  Web Front-end  >  CSS--Layout

CSS--Layout

巴扎黑
巴扎黑Original
2017-06-28 10:36:482141browse

clear:

The value of this attribute indicates that no floatingobjects are allowed's edge.

Default value: none

##noneleftrightboth
##Value Description
Allow floating objects on both sides
No floating objects allowed on the left
No floating objects allowed on the right
No floating objects are allowed on either side

float:

The value of this property indicates how the object floats.

Default value: none

ValueDescription##noneThe object does not floatleftText flows to the right side of the objectrightText flows to the right side of the object
Example:

Example
    <p>
        天津
    </p>
    <p>
        计算机
    </p>

    <style>
        p
        {
        	border:dashed 1px black;
        	width:150px;
        	height:70px;
        	scrollbar-track-color :ThreedDarkShadow;
        }
    </style>
Effect
CSS--Layout

clip:

Retrieve or set the

visual area
of the object. The part outside the visual area is transparent.

position

The value of the attribute is absolute, and this attribute can be used.

Syntax:

auto | rect(num,num,num,num)

Default value: auto

Note:

The position attribute of the element must be absolute. The calculated coordinates of clip cropping are calculated starting from the upper left corner, that is, the (0,0) point

CSS--Layout

ValuenoneThe object has no clipping.rect(num num num num)Based on the above -The order of right-bottom-left provides four offset values ​​calculated from the (0,0) coordinates of the upper left corner of the object. Any one of these values ​​​​can be replaced by auto, that is, this edge will not be cut. Example:
Description

Example
    <img  alt="CSS--Layout" >
    <img  alt="CSS--Layout" >
Effect
CSS--Layout

The above is the detailed content of CSS--Layout. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article:CSS Tips: Clear FloatsNext article:CSS Tips: Clear Floats