CSSで余白を設定するための属性名は何ですか?

青灯夜游
リリース: 2023-01-03 09:25:17
オリジナル
7637 人が閲覧しました

属性名: 1. margin、要素のすべての外側マージンを設定します; 2. margin-bottom、要素の下マージンを設定します; 3. margin-left、要素の左マージンを設定します; 4 . margin-right、要素の右マージンを設定します; 5. margin-top、要素の上マージンを設定します。

CSSで余白を設定するための属性名は何ですか?

このチュートリアルの動作環境: Windows 7 システム、CSS3 バージョン、Dell G3 コンピューター。

#css margin プロパティ

  • margin: 1 つのステートメントですべての margin プロパティを設定します

  • margin- bottom: 要素の下マージンを設定します。

  • margin-left: 要素の左マージンを設定します。

  • margin-right: 要素の左マージンを設定します。要素の右マージン

  • margin-top: 要素の上マージンを設定します

css margin プロパティ

margin 短縮プロパティは、1 つの宣言ですべての margin プロパティを設定します。この属性には 1 ~ 4 の値を指定できます。

#[推奨チュートリアル:

CSS ビデオ チュートリアル

]例:

margin:10px 5px 15px 20px;
ログイン後にコピー

    上マージンは 10px
  • 右マージンは 5px
  • 下マージンは 15px
  • 左マージンは 20px
  • margin:10px 5px 15px;
    ログイン後にコピー
#上マージンは 10px
  • 左右のマージンは 5px
  • 下のマージンは 15px
  • margin:10px 5px;
    ログイン後にコピー

  • #上下のマージンは 10px
  • 右と左のマージンですは 5px

  • margin:10px;
    ログイン後にコピー

  • 4 つのマージンはすべて 10px
  • #例:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"> 
    <style>
    p.ex1 {margin:2cm 4cm 3cm 4cm}
    </style>
    </head>
    
    <body>
    <p>一个没有指定边距大小的段落。</p>
    <p class="ex1">一个指定边距大小的段落。</p>
    <p>一个没有指定边距大小的段落。</p>
    </body>
    
    </html>
    ログイン後にコピー

    プログラミング関連の知識について詳しくは、

    プログラミング ビデオ

    をご覧ください。 ! CSSで余白を設定するための属性名は何ですか?

    以上がCSSで余白を設定するための属性名は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!