ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSのmarginプロパティの設定方法

CSSのmarginプロパティの設定方法

php中世界最好的语言
php中世界最好的语言オリジナル
2017-11-21 14:30:474114ブラウズ

CSSのマージン属性を設定するにはどうすればよいですか?マージンはマージンです。今回はマージン属性を使ってDIVを操作する方法を教えます。 DIV 間の間隔の操作方法

margin は、オブジェクト ラベル間の距離を設定するために使用されます。たとえば、2 つの DIV ボックスが上下に配置されている場合、マージン スタイルを使用して上の 2 つのボックス間の間隔を実現できます。以下。マージンはオブジェクトの境界線の外側にあり、境界線に近いですが、マージンと パディング の位置は境界線に近く、境界線の内側にあります。

DIV CSSマージンとは、CSS属性の単語マージンを指し、背景色や色を付けずにオブジェクトの四辺に拡張されたマージンを設定します。

1. マージンの構文

Margin:10px

Marginの値は数値+HTML単位であり、auto(自動、適応)に設定することもできます

2. アプリケーション構造

Div{margin:10px}

divオブジェクトの四辺間の距離は10px

3です。 マージンの説明

marginは、オブジェクトの外側のマージンと拡張されたエッジの間の距離を設定します。

margin の値には 3 つの状況があります。正の整数または負の整数に PX ピクセルなどの単位を加えたもの (margin-left:20px)、自動属性 (margin-left:) を指定できます。 auto 自動); パーセント (%) 値 (margin-left:3%) にすることができます。

マージン拡張(四辺間隔属性語を別途設定)

margin-left オブジェクトの左拡張マージン(margin-left: 5px; 左拡張距離5px)

margin-right 右拡張マージンオブジェクトの (margin-right :5px; 右拡張距離 5px)

margin-top オブジェクト上部拡張マージン (margin-top:5px; 上部拡張距離 5px)

margin-bottom オブジェクト下部拡張マージン ( margin-bottom:5px ; 以下の拡張距離は 5px です)

CSSのmarginプロパティの設定方法

関連記事:

DIV の背景色を設定する方法は何ですか


DIV+CSS の使い方


CSSとは

以上がCSSのmarginプロパティの設定方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。