「CSS - CSSの基礎」の版間の差分

📢 Webサイト閉鎖と移転のお知らせ

このWebサイトは2026年9月に閉鎖いたします。

新しい記事は移転先で追加しております。（旧サイトでは記事を追加しておりません）

@@ 164行目: / 164行目: @@
   html {
      background-color: #ffffff;
+ }
+ </syntaxhighlight>
+<br><br>
+== ボディのスタイリング ==
+<code><body></code>要素には、いくつかの宣言がある。<br>
+* width
+*: bodyの幅を指定する。
+* margin
+*: margin等のプロパティに2つの値を設定する場合、最初の値は要素の上下、2番目の値は左右に影響する。
+*: 他にも、各個別の値を指定することもできる。
+* padding
+*: コンテンツの周りにスペースを配置する。
+*: <code>margin</code>と同様、1〜4個の値を指定することができる。
+* background-color
+*: 要素の背景色を指定する。
+* border
+*: ボーダーの幅、スタイル、色の値を指定する。
+<br>
+ <syntaxhighlight lang="css">
+ body {
+    width: 600px;
+    margin: 0 auto;
+    background-color: #ff9500;
+    padding: 0 20px 20px 20px;
+    border: 5px solid black;
   }
   </syntaxhighlight>