目次 サンプル paddingとは paddingに数値+pxを指定 paddingに数値+%を指定 paddingを個別に指定 paddingとは パディング(padding)は、コンテンツエリアとボーダーの間の余白で […]
CSSの奇数/偶数/指定行にCSSを適用するサンプルです。nth-childを使用します。 内容 使用例 説明 奇数の行にCSSを適用 セレクタ:nth-child(2n+1){ } 同じ親要素を持つ子要素の奇数の行に適 […]
CSS の画面に動きをつけるサンプルです。:hoverや:activeや:focus等の擬似クラスです。 目次 1.:link (まだ見ていないページのリンク) 2.:visited (すでに見たページのリ […]
CSSの疑似要素の::beforeと::afterのサンプルです。 ::before ::beforeとは / ::beforeのサンプル 画像を配置する(content:url) / 背景画像を指定する( […]
CSSの階層構造でセレクタを指定するサンプルです。 目次 子と孫を指定する(空白区切り) 子を指定する(>) 兄弟で弟を指定する(+) 兄弟で弟を指定する(離れていても可能 […]
目次 01. CSSの継承 ・CSSの継承とは ・cssのcolorで継承させる例 02. inheritで継承させる例 ・marginはデフォルトでは継承されない ・inheritでmarginを強制的に継承させる例 […]
目次 01. セレクタの優先順位 ・CSSのセレクタの優先順位とは 02. 使用例 ・同じセレクタの場合は後勝ちになる ・IDセレクタとインラインスタイルがある場合 ・!importantがある場合 ・IDセレクタ、クラ […]
説明 radial-gradient サンプル circle(円)を使用(2色) circle(円)を使用(3色) ellipse(楕円)を使用 closest-corner(円の中心から最も近い角) farthest- […]