CSS 構文マニュアル (4) テキストの塗りつぶし、境界線、境界線、および位置のプロパティ (2)

3. ボックスの境界属性

1. margin-bottom
margin-left
margin-right
margin-top

機能: これらの 4 つの属性は、要素とその隣接する要素間の距離を設定するために使用されます。または相対 親テキストの幅のパーセンテージとして定義され、これは自動的に処理することもできます。
値:
長さ - 要素の対応する辺とボックスの端の間の相対または絶対距離を設定します。有効な単位は次のとおりです: mm、cm、in、px、pt、pica、ex、em...
パーセント。 - 親要素の幅に基づく 境界線のサイズをパーセンテージで設定します。
auto - 自動、この設定はブラウザーのデフォルトの境界線を使用します。
例

2. margin

機能: 要素のすべての境界を設定するために使用される短縮属性。これは、要素のコンテンツの端からボックスの端までの距離を表すために使用されます。この領域は常に透明なので、その下のページの背景が見えます。
値:
Length - 前と同じ
Percent - 境界線のサイズを親要素の幅のパーセンテージとして設定します。
auto - 自動、この設定はブラウザーのデフォルトの境界線を使用します。
例

4. ボックス位置属性

1. 高さ

機能: 要素の高さを設定し、ブラウザはこの高さに応じてグラフィックを調整します。

値:
長さ - mm、cm、px、pt、....
auto - 自動。

2. width

機能: 要素の幅を設定し、ブラウザはこの幅に従ってグラフィックを調整します。

値:
Length - mm、cm、in、px、pt、...
Percentage - グラフィックの寸法を親要素の幅のパーセンテージとして設定します。
auto - 自動調整

3、float

関数: 通常の要素フロー レイアウト ルールの外に要素を配置するために使用されます。

値:
なし - 変更なし。
left - フロート要素の右側に他の要素のコンテンツを配置します。
right - フローティング要素の左側に他の要素のコンテンツを配置します。

4.clear

機能: 指定された要素の隣に他の要素 (通常はオンライングラフィックス) を配置することを許可または禁止するために使用されます。

値:
none - 制限なし。
left - 要素を左の浮動要素の下に配置します
right - 要素を右の浮動要素の下に配置します
both - 要素の両側に浮動要素は許可されません

上記は CSS 構文マニュアル (4) テキストパディングです、border、border、および location 属性の内容 (2)、その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。