More than 3 years have passed since last update.

CSSの基本プロパティ

Last updated at 2020-08-08Posted at 2020-08-08

#文字の色を指定する
文字の色を変えるにはcolorプロパティを用います。

style.css

h1 {
  color: #ff0000;
}

#文字の大きさを指定する
文字の大きさを指定するにはfont-sizeプロパティを用います。
font-sizeは、px(ピクセル)という単位を用いて指定します。

style.css

h1 {
  font-size: 10px;
}

#コメント
/* */で囲んだ行がコメントになります。

style.css

h1 {
  /* コメント */
  font-size: 10px;
}

#フォントの指定
font-familyに様々なフォントを指定することができます。

style.css

body {
  font-family: serif;
}

#背景色を指定する
背景色を変えるにはbackground-colorプロパティを用います。色の指定の方法はcolorプロパティと同様です。
#ddddddのように同じ値が続く場合は、#dddと省略できます。

style.css

h1 {
  background-color: #ddd;
}

#横幅、高さを指定する
要素の横幅、高さを変更したいときには、それぞれwidthプロパティ、heightプロパティを用います。

style.css

div {
  width: 500px;
  height: 80px
}