ドキュメント : Property
-
【CSS】text-transform - テキストの表記変換
CSSのtext-transformプロパティについてご紹介します。text-transformtext-transformはテキストの表記変換を示すプロパティです。主にアルファベット(英字)に適用されます。基本構文text-transform: 値;値一般的な値は次の通りです。値意味none変換なしcapitalize単語の1文字目を大文字に変換uppercase全て大文字に変換lowercas
-
【CSS】letter-spacing - テキストの字間
CSSのletter-spacingプロパティについてご紹介します。letter-spacingletter-spacingは字間サイズを示すプロパティです。基本構文letter-spacing: 値;サンプル次のサンプルはテキストを書字方向に寄せます。<style>.p1 { letter-spacing: normal;}.p2 { letter-spacing: 0.
-
【CSS】word-spacing - 単語間のスペースサイズ
CSSのword-spacingプロパティについてご紹介します。word-spacingword-spacingは単語間のスペースサイズを示すプロパティです。基本構文word-spacing: 値;サンプル次のサンプルはテキストを書字方向に寄せます。<style>.p1 { word-spacing: normal;}.p2 { word-spacing: 0.2em;}.
-
-
【CSS】white-space - ホワイトスペースの振る舞い
CSSのwhite-spaceプロパティについてご紹介します。white-spacewhite-spaceはスペースの振る舞いを示すプロパティです。基本構文white-space: 値;値一般的な値は次の通りです。値連続スペース改行normal詰める自動nowrap詰めるなしpreそのまま改行文字pre-wrapそのまま改行文字 / 自動pre-line詰める改行文字 / 自動サンプルnormal
-
【CSS】background-color - 背景色
CSSのbackground-colorプロパティについてご紹介します。background-colorbackground-colorは背景色を示すプロパティです。基本構文background-color: 値;サンプル<style>p { background-color: yellow;}</style><p>text text text text
-
-
-
【CSS】background-image - 背景画像
CSSのbackground-imageプロパティについてご紹介します。background-imagebackground-imageは背景画像を示すプロパティです。基本構文background-image: 値;サンプル<style>p { background-image: url('https://it-hack.net/storage/app/media/image/h
-
【CSS】background-repeat - 背景画像のリピート
CSSのbackground-repeatプロパティについてご紹介します。background-repeatbackground-repeatは背景画像のリピート(繰り返し)を示すプロパティです。基本構文background-repeat: x軸値 y軸値;値一般的な値は次の通りです。値意味repeat繰り返す。幅が足りない画像は切り取ります。no-repeat繰り返さない。repeat-xx軸(
-
【CSS】background-size - 背景画像のサイズ
CSSのbackground-sizeプロパティについてご紹介します。background-sizebackground-sizeは背景画像のサイズを示すプロパティです。基本構文background-size: 値;値値は数値またはキーワードで定義できます。一般的な値は次の通りです。値意味auto画像比率を維持して画像を拡大縮小します。contain表示領域に画像全体を表示するようにサイズを調整し
-
-
【CSS】background-origin - 背景画像の表示開始位置
CSSのbackground-originプロパティについてご紹介します。background-originbackground-originは背景画像の表示開始位置を示すプロパティです。基本構文background-origin: 値;値一般的な値は次の通りです。値意味border-box境界ボックスとの相対位置padding-boxパディングボックスとの相対位置content-boxコンテンツ
-
【CSS】background-clip - 背景画像の表示範囲
CSSのbackground-clipプロパティについてご紹介します。background-clipbackground-clipは背景画像の表示範囲を示すプロパティです。基本構文background-clip: 値;値一般的な値は次の通りです。値意味border-box境界ボックスまで表示padding-boxパディングボックスまで表示content-boxコンテンツボックスまで表示サンプルbo