TOP - CSS1(Cascading Style Sheets, level 1) - float

タグの要素と流し込むテキストの配置方法を指定します。
デフォルトはnoneです。

設定値
left   : タグのコンテンツを左側に配置、続くコンテンツを右側に配置
right  : タグのコンテンツを右側に配置、続くコンテンツを左側に配置
none   : floatプロパティによる指定は行わない
(例)
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<TITLE>テスト</TITLE>
<STYLE type="text/css">
<!--
.test1 {float: left}
.test2 {float: right}
.test3 {float: none}
BR.test4 {clear: left}
BR.test5 {clear: right}
-->
</STYLE>
</HEAD>
<BODY>
この文字列は改行無し
<IMG class="test1" src="img_test.jpg">
この文字列は通常改行付き<BR>
この文字列は通常改行付き<BR>
この文字列は通常改行付き<BR>
この文字列はclearプロパティ改行付き<BR class="test4">
この文字列は通常改行付き<BR>
この文字列は通常改行付き<BR>
<IMG class="test2" src="img_test.jpg">
この文字列は通常改行付き<BR>
この文字列は通常改行付き<BR>
この文字列はclearプロパティ改行付き<BR class="test5">
<TABLE class="test3" border="1">
<TR><TD>あいうえお<BR>かきくけこ</TD></TR>
</TABLE>
この文字列は通常改行付き<BR>
この文字列は通常改行付き<BR>
</BODY>
</HTML>


Copyright(C) 2006-2011 CLAYPOT. All Rights Reserved.