Loose-Info.com

Last Update 2019/12/25


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>