CSS-マージン

説明

_margin_プロパティは、要素の4辺すべてのマージンの幅を設定する略記プロパティです。

可能な値

length -長さの値。
percentage -マージンの幅は、要素の包含ブロックの幅に対して計算されます。
auto -自動的に計算される4つのマージンすべての値を設定します。

に適用されます

すべてのHTML要素。

DOM構文

object.style.margin = "5px"

例

ここに例があります-

<html>
   <head>
   </head>

   <body>
      <p style = "margin: 15px; border:1px solid black;">
         all four margins will be 15px
      </p>

      <p style = "margin:10px 2%; border:1px solid black;">
         top and bottom margin will be 10px, left and right margin will be 2%
         of the total width of the document.
      </p>

      <p style = "margin: 10px 2% -10px; border:1px solid black;">
         top margin will be 10px, left and right margin will be 2% of the
         total width of the document, bottom margin will be -10px
      </p>

      <p style = "margin: 10px 2% -10px auto; border:1px solid black;">
         top margin will be 10px, right margin will be 2% of the total
         width of the document, bottom margin will be -10px, left margin
         will be set by the browser
      </p>

   </body>
</html>

これにより、次の結果が生成されます–

Css-margin

CSS-マージン

説明

可能な値

に適用されます

DOM構文

例

目次