آموزش طراحی وب سایت جلسه هشتم – طراحی یک تمپلیت. تدریس طراحی وب برای اطلاعات بیشتر تماس بگیرید تاو شماره تماس: 09125773990 09371410986 پست الکترونیک : [email protected]. Web Design Training Template Designing. Part 08 Author :Babak Tavatav. CSS float Property. - PowerPoint PPT Presentation
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
CSS float PropertyThe float property sets where an image or a text will appear in another element.Note: If there is too little space on a line for the floating element, it will jump
down on the next line, and continue until a line has enough space.Note: Content, background, and borders of inline elements should go in front of
the float. Background and borders of a block element should go behind the float, but the content of the block element should go in front of the float.
Possible ValuesValueDescriptionleft : The image or text moves to the left in the parent elementright : The image or text moves to the right in the parent elementNone : (Default) The image or the text will be displayed just where it occurs in the
<body><p>In the paragraph below, we have added an image
with style <b>float:right</b>. The result is that the image will float to the right in the paragraph.</p>
<p><img src="logocss.gif" width="95" height="84" />This is some text. This is some text. This is some text.This is some text. This is some text. This is some text...</p></body></html>
CSS Clear PropertyImage and text elements that appear in another element are calledfloating elements.The clear property sets the sides of an element where other floatingelements are not allowed.
ValueDescription• Left : No floating elements allowed on the left side• Right: No floating elements allowed on the right side• Both: No floating elements allowed on either the left or the right
side• None : Default. Allows floating elements on both sides
.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">