[[CSS]]のスタイリングに関するレシピ集。 ## 配置 - [[CSSで要素を右寄せ]] - [[CSSで親要素の中央に配置]] - [[CSSでテキストを中央寄せ]] - [[CSSで要素間を一定間隔で開ける]] - [[CSSで画面の定位置に表示]] - [[Flexboxで横並び要素を折り返す]] - [[疑似要素のアイコン画像を上下中央揃えで設定 (CSS)|疑似要素のアイコン画像を上下中央揃えで設定]] ## 見た目 - [[CSSでシャドウ(影)の設定]] - [[特定のURLやリンクの手前に絵文字やアイコンを表示]] - [[CSSで長いテキストを...で省略]] - [[CSSで要素を途中で改行・折り返しさせない]] - [[CSSで要素や画像をトリミング]] - [[CSSのaタグで文字色や下線を無効]] - [[RGBの変数にアルファ値を指定 (CSS)|RGBの変数にアルファ値を指定]] - [[SVGをCSSだけで着色]] - [[画像をグレーアウト (CSS)|画像をグレーアウト]] - [[絵文字をグレーアウト (CSS)|絵文字をグレーアウト]] ## snippet - [[シンプルなTableの装飾 (CSS)|シンプルなTableの装飾]] ## 参考 - [CSS Grid Layout を極める！（場面別編） \- Qiita](https://qiita.com/kura07/items/486c19045aab8090d6d9) - [日本語対応！CSS Flexboxのチートシートを作ったので配布します \| Webクリエイターボックス](https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet)