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

CSSを使用して要素の上マージンを設定します

マージントップ 要素の上マージンを指定します。長さ、％、またはautoの値をとることができます。次のコードを実行して、上部マージンを設定してみてください。

例

<html>
   <head>
   </head>
   <body>
      <p style = "margin-top: 10px; border:2px solid red;">
         This is a paragraph with a specified top margin
      </p>
      <p style = "margin-top: 10%; border:2px solid green;">
         This is another paragraph with a specified top margin in percent
      </p>
   </body>
</html>

  1. CSSを使用して要素の右マージンを設定します

    マージン右 プロパティは、要素の右マージンを設定するために使用されます。長さ、％、またはautoの値をとることができます。次のコードを実行して、右マージンを設定してみてください 例 <html>    <head>    </head>       <body>          <p style = "margin-right: 10px; border:2px solid red;"> &nb

  2. CSSを使用して要素の上部のパディングを指定します

    パディングトップ 要素の上部のパディングを指定します。要素の上部のパディングを設定します。これは、％の長さの値を取ることができます。 例 <html>    <head>    </head>    <body>       <p style = "padding-top: 15px; border:2px solid orange;">          This is de