左右の回り込み float
Yahoo!ブックマークに登録
はてなブックマークに登録
livedoorに記事をクリップ| 左右の回り込み （サンプル） | ||
|---|---|---|
|
サンプル
サンプル
|
|
|
| ▼ | ▼ | |
|
サンプル
サンプル
|
|
|
| ※ 上が通常の状態で、下が実際に効果を反映したサンプルです。 | ||
| 左右の回り込み （詳細情報） | |
|---|---|
| 字体 | float:★; |
| 指定 |
★の部分に下記の「 」内 の効果を指定していきます。
|
| 効果 |
通常回り込みなどできないような物まで、強制的に左右に回り込ませることができます。 例えば、リストタグの１つ１つの項目は通常縦でしか表示できません。それを float を指定することで強引に横に並べることもできます。 div のようなブロック要素のタグでも回り込ませることができるので、ホームページレイアウトの基礎部分にも使われます。 clear:★; で解除することができます。 |
| 注意 | 結構強引な所があるので、表示がおかしくなったら clear で解除して下さい。 |
CSS辞典
- HTML辞典はこちら
- 【 文字CSS 】
- 色指定CSS
- 文字サイズCSS
- 文字を太字CSS
- 文字を斜体CSS
- 文字種類CSS
- 文字装飾CSS
- 大小文字CSS
- スモールキャップCSS
- 【 文章CSS 】
- 文章の行間CSS
- 文字間隔CSS
- 単語の間隔CSS
- 禁則処理CSS
- 単語の改行処理CSS
- 縦書きCSS
- 文字・行間隔CSS
- 一行目余白CSS
- 見たまま表示CSS
- 【 リストCSS 】
- リストマーク変更CSS
- マーク代理画像CSS
- マーク位置CSS
- リストまとめ指定CSS
- 【 スクロールCSS 】
- スクロール付きCSS
- スクロールバー色CSS
- 【 表示位置CSS 】
- 横の表示位置CSS
- 縦の表示位置CSS
- 左右の回り込みCSS
- 回り込み解除CSS
- 【 余白CSS 】
- 中身の余白CSS
- 外側の余白CSS
- 【 エリア幅CSS 】
- 横幅を指定
- 縦幅を指定
- 【 ボックスCSS 】
- 背景色を指定CSS
- 背景画像を指定CSS
- 線の種類CSS
- 線の太さCSS
- 線の色CSS
- 線をまとめて指定CSS
