【css】プロパティ一覧

このページは、cssのプロパティ解説記事を一覧でまとめました。
各要素に簡単なサンプルプログラムと使ったときの画像も載せています。
ご参考になれば幸いです。
(使い方が複数ある要素は、最もシンプルなものを載せています)

b

bの章では

  • background-colorプロパティ
  • border-bottom-styleプロパティ
  • border-bottom-widthプロパティ
  • border-left-styleプロパティ
  • border-left-widthプロパティ
  • border-right-styleプロパティ
  • border-right-widthプロパティ
  • border-top-styleプロパティ
  • border-top-widthプロパティ

をまとめています。

background-colorプロパティ

background-colorプロパティとは、HTML要素の背景色を指定できるプロパティ。
cssのbackground-colorプロパティを解説

border-bottom-styleプロパティ

border-bottom-styleプロパティとは、HTML要素の下側の線のスタイルを指定できるプロパティ。
cssのborder-bottom-styleプロパティを解説

border-bottom-widthプロパティ

border-bottom-widthプロパティとは、HTML要素の下側の線の太さを指定できるプロパティ。
cssのborder-bottom-widthプロパティを解説

border-left-styleプロパティ

border-left-styleプロパティとは、HTML要素の左側の線のスタイルを指定できるプロパティ。
cssのborder-left-styleプロパティを解説

border-left-widthプロパティ

border-left-widthプロパティとは、HTML要素の左側の線の太さを指定できるプロパティ。
cssのborder-left-widthプロパティを解説

border-right-styleプロパティ

border-right-styleプロパティとは、HTML要素の右側の線のスタイルを指定できるプロパティ。
cssのborder-right-styleプロパティを解説

border-right-widthプロパティ

border-right-widthプロパティとは、HTML要素の右側の線の太さを指定できるプロパティ。
cssのborder-right-widthプロパティを解説

border-top-styleプロパティ

border-top-styleプロパティとは、HTML要素の上側の線のスタイルを指定できるプロパティ。
cssのborder-top-styleプロパティを解説

border-top-widthプロパティ

border-top-widthプロパティとは、HTML要素の上側の線の太さを指定できるプロパティ。
cssのborder-top-widthプロパティを解説

c

cの章では

  • colorプロパティ

をまとめています。

colorプロパティ

colorプロパティとは、文字の色を指定できるプロパティ。
cssのcolorプロパティを解説

f

fの章では

  • font-sizeプロパティ

をまとめています。

font-sizeプロパティ

font-sizeプロパティとは、フォントの大きさを指定できるプロパティ。
cssのfont-sizeプロパティを解説

m

mの章では

  • margin-bottomプロパティ
  • margin-leftプロパティ
  • margin-rightプロパティ
  • margin-topプロパティ

をまとめています。

margin-bottomプロパティ

margin-bottomプロパティとは、HTML要素外の下側のマージン(余白)を指定できるプロパティ。
cssのmargin-bottomプロパティを解説

margin-leftプロパティ

margin-leftプロパティとは、HTML要素外の左側のマージン(余白)を指定できるプロパティ。
cssのmargin-leftプロパティを解説

margin-rightプロパティ

margin-rightプロパティとは、HTML要素外の右側のマージン(余白)を指定できるプロパティ。
cssのmargin-rightプロパティを解説

margin-topプロパティ

margin-topプロパティとは、HTML要素外の上側のマージン(余白)を指定できるプロパティ。
cssのmargin-topプロパティを解説

p

pの章では

  • padding-bottomプロパティ
  • padding-leftプロパティ
  • padding-topプロパティ

をまとめています。

padding-bottomプロパティ

padding-bottomプロパティとは、HTML要素内の下側の余白を指定できるプロパティ。
cssのpadding-bottomプロパティを解説

padding-leftプロパティ

padding-leftプロパティとは、HTML要素内の左側の余白を指定できるプロパティ。
cssのpadding-leftプロパティを解説

padding-topプロパティ

padding-topプロパティとは、HTML要素内の上側の余白を指定できるプロパティ。
cssのpadding-topプロパティを解説

t

tの章では

  • text-decoration-colorプロパティ
  • text-decoration-lineプロパティ
  • text-decoration-styleプロパティ

をまとめています。

text-decoration-colorプロパティ

text-decoration-colorプロパティとは、テキストに引く線の色を指定できるプロパティ。
cssのtext-decoration-colorプロパティを解説

text-decoration-lineプロパティ

text-decoration-lineプロパティとは、指定したHTML要素テキストに線をつけることができるプロパティ。
線は

  • 上線
  • 下線
  • 打消し線

をつけることができる。
cssのtext-decoration-lineプロパティを解説

text-decoration-styleプロパティ

text-decoration-styleプロパティとは、テキストに引く線のスタイルを指定できるプロパティ。
cssのtext-decoration-styleプロパティを解説

w

wの章では

  • widthプロパティ

をまとめています。

widthプロパティ

widthプロパティとは、HTML要素の横幅を指定できるプロパティ。
cssのwidthプロパティを解説

タイトルとURLをコピーしました