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

1つの宣言でCSSマージンプロパティを設定するにはどうすればよいですか?


マージン プロパティは、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ですべてのアニメーションプロパティを設定するための省略形プロパティ

    すべてのアニメーションプロパティを設定するための省略形のプロパティはanimation 。アニメーションの長さ、アニメーション名などを設定します。 次のコードを実行して、アニメーションの省略形プロパティを操作できます。 例 <!DOCTYPE html> <html>    <head>       <style>          div {             width: 1

  2. CSSのマージン短縮プロパティ

    CSSのmarginshorthandプロパティは、要素のマージン領域を定義するために使用されます。時計回りに値を設定します。つまり、margin-top、margin-right、margin-bottom、margin-leftの順に設定します。 構文 CSSマージンプロパティの構文は次のとおりです- Selector {    margin: /*value*/ } 次の例は、CSSマージンの短縮プロパティ-を示しています。 例 <!DOCTYPE html> <html> <head> <style> div {