CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSでのmarginプロパティの使用

マージン プロパティは、HTML要素の周囲のスペースを定義します。負の値を使用してコンテンツをオーバーラップさせることができます。 1つの宣言でマージンプロパティを設定するための省略形プロパティを指定します。

例 次のコードを実行してマージンを設定してみてください-

<html>
   <head>
   </head>
   <body>
      <p style = "margin: 20px; border:2px solid yellow;">
         All four margins will be 20px
      </p>
      <p style = "margin: 15px 4% -10px; border:2px solid red;">
         Top margin will be 15px, left and right margin will be 4% of the total width of the document, bottom margin will be -10px
      </p>
   </body>
</html>

  1. CSSを使用した値autoによるmarginプロパティの役割

    値autoのmarginプロパティは、要素をコンテナ内で水平方向に中央揃えするために使用されます。次のコードを実行して、marginを実装することができます：auto; 例 <!DOCTYPE html> <html>    <head>       <style>          div {             width: 200px;     &nbs

  2. CSSを使用して値を継承するmarginプロパティの役割

    値inheritを持つmarginプロパティは、親要素から要素を継承するために使用されます。次のコードを実行して、 margin：inherit;を実装してみてください。 例 <!DOCTYPE html> <html>    <head>       <style>          div {             border: 2px solid blue;   &n