CSSプロパティ一覧 用途別
ここではCSSプロパティを用途別に一覧としてまとめています。CSS(スタイルシート)とは、HTMLで記載したタグをデザインする機能をいいます。背景に色や画像を設定したり、文章の位置や余白を設定したりと様々な機能があります。CSSの設定方法がわからない場合は以下の2つの記事をご覧ください。
CSS 文字
- 文字色 … color
- 書体を設定する … font-family
- font-familyの書体一覧 … font-family
- 文字の大きさ … font-size
- 文字の太さ … font-weight
- 文字の間隔 … letter-spacing
- 文章の位置 … text-align
- 文章を縦書きで表示する … writing-mode
- 行間を調整する … line-height
- 文字に影をつける … text-shadow
CSS 枠線
- 枠線の種類・太さ・色をまとめて設定する … border
- 枠線の種類 … border-style
- 枠線の太さ … border-width
- 枠線の色 … border-color
- 枠線の角を丸くする … border-radius
CSS ボックス
- 幅と高さを設定する … width,height
- 余白を設定する … padding,margin
- 背景に画像を表示する … background-image
- Webセーフカラー … 色の見本
- カラーネーム … カラーネームの見本
- グラデーションをつける … linear-gradient
- コンテンツを左右に並べる … float
- ボックスに影をつける … box-shadow
- 半透明の背景 … RGBA値
CSS テーブル
- テーブルの枠線を重ねる … border-collapse
- テーブルのセルと枠線の間隔 … border-spacing
- テーブルの行背景を1行ごとに変える … nth-child
- リストマークを設定する … list-style-type
- リストマークに画像を表示する … list-style-type