CSS-Layout)

Source: Internet
Author: User

Clear:

The value of this attribute indicates that the edge of a floating object is not allowed.

Default Value: None

Value Description
None Allow floating objects on both sides
Left Float objects on the left are not allowed
Right Floating objects on the right are not allowed
Both No floating object is allowed on both sides.

 

Float:

The value of this attribute indicates how the object floats.

Default Value: None

Value Description
None Object not floating
Left Right of the text flow object
Right Right of the text flow object

 

Example:

Example Effect
<Div style ="Float: left"> Tianjin </div> <div> Computer </div> <style type ="Text/CSS"> Div {border: dashed 1px black; width: 150px; Height: 70px; scrollbar-track-color: threeddarkshadow;} </style>

 

Clip:

Retrieves or sets the visible area of an object. Parts outside the visible area are transparent.

The value of position attribute is absolute, which can be used only.

Syntax:

Auto | rect (Num, num)

Default Value: Auto

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

Value Description
None The object is not cut.
Rect (Num) The four offset values calculated by the (0, 0) coordinate in the upper left corner of the object are provided in the order above-right-bottom-left. Any value can be replaced by auto, that is, this edge is not cut.

Example:

example effect
  1.jpg" style = " position: absolute;  clip: rect (0px 130px 60px 50px) "/>   1.jpg" style = " position: absolute; top: 130px;  "/> 
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.