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>
-
CSSですべてのアニメーションプロパティを設定するための省略形プロパティ
すべてのアニメーションプロパティを設定するための省略形のプロパティはanimation 。アニメーションの長さ、アニメーション名などを設定します。 次のコードを実行して、アニメーションの省略形プロパティを操作できます。 例 <!DOCTYPE html> <html> <head> <style> div { width: 1
-
CSSのマージン短縮プロパティ
CSSのmarginshorthandプロパティは、要素のマージン領域を定義するために使用されます。時計回りに値を設定します。つまり、margin-top、margin-right、margin-bottom、margin-leftの順に設定します。 構文 CSSマージンプロパティの構文は次のとおりです- Selector { margin: /*value*/ } 次の例は、CSSマージンの短縮プロパティ-を示しています。 例 <!DOCTYPE html> <html> <head> <style> div {