|
 |
|
回り込みの解除を行う
サンプルと機能
→ Sample：回り込みの解除を行う
回り込みの解除を行います。
PタグやDIVタグなどに指定します。
スタイルシート・サンプル
緑の文字が変更箇所で、赤い文字が対応するスタイルシートです。
"/* */"内はコメントです。削除しても影響ありません。
必要な箇所をコピー＆貼り付けして編集してください。
また、その他の指定方法はメニューの「基本・リファレンス」を参考にして下さい。
→ ページ全体に適用する場合（サンプルのためタグごとに効果を変えています。参照）
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE type="text/css">
<!--
IMG { float: left } /* 左への回り込み */
P {
width: 120px; /*
横幅120px */
float: right; /*
右への回り込み */
background-color: #ff0000 /* 背景色・赤 */
}
.cl { clear: left } /* 左への回り込み解除
*/
.cr { clear: right } /* 右への回り込み解除
*/
-->
</STYLE>
</HEAD>
<BODY>
<TABLE width="240" cellspacing="0" cellpadding="0"><TR><TD>
<IMG src="img/sbgi05.gif">
左への回り込み
サンプルサンプルサンプルサンプル
サンプルサンプルサンプルサンプル
<SPAM class="cl">
ここで回り込みを解除しました。
サンプルサンプルサンプルサンプル
サンプルサンプルサンプルサンプル
</SPAN>
</TD><TR></TABLE>
<BR><BR>
<TABLE width="240" cellspacing="0" cellpadding="0"><TR><TD>
<P>
サンプルサンプルサンプルサンプル
サンプルサンプルサンプルサンプル
</P>
右への回り込み
サンプルサンプル
<SPAM class="cr">
ここで回り込みを解除しました。
サンプルサンプルサンプルサンプル
サンプルサンプルサンプルサンプル
サンプルサンプルサンプルサンプル
</SPAN>
</TD><TR></TABLE>
<BR><BR>
</BODY>
</HTML> |
解説・注意点など
使用スタイル：clear
指定可能な値：left, right
leftまたはrightを指定します。
← スタイルシートに戻る
|
|
|
