CSS辞典 CSSで画像をぼかす方法（filter: blur）
画像をぼかすCSSテクニック
画像にぼかし（ブラー）をかけることで、背景を柔らかく見せたり、注目を外したりする演出が可能です。CSSのfilter: blur()を使えば、簡単に実装できます。
基本のコード
...
CSS辞典
CSS辞典 
CSS辞典 【CSS】絶対配置（position: absolute;） の要素を中央に配置する
CSSで絶対配置の要素、position: absolute; を親要素に対して、中央に配置する方法です。
対象の要素のサイズが固定されていない時は、transform を使う方法が手軽で便利です。transform で要素の中心点...
CSS辞典 tableのセル（td）の幅を均等にする
tableのセル（ td ）の幅を均等に揃えるには、CSSで以下のように指定すると簡単に設定ができます。
table-layout: fixed を使うと、中のコンテンツの幅に関係なく強制的に均等になります。画像やテキストが...
CSS辞典 テーブルを横スクロールできるようにするためのCSS
スマホなどのモバイル端末ではどうしても幅が小さく、画面に収めようとすると、表のバランスが崩れてしまいます。
比較表などでよく見かける、テーブルをスクロールできるようにするためのコードを紹介します。
HTML
テーブルタグ...
CSS辞典 CSSで画像をモノクロにする方法
Webデザインにおいて、画像の色調を変更することで、シンプルで洗練されたデザインを実現できます。特に、画像をモノクロ（グレースケール）にすることで、背景を引き立たせたり、ユーザーの注目を特定の部分に誘導したりできます。本記事では、CSSを...
CSS辞典 CSSで3つごとの子要素に、スタイルを適用する
CSSで、要素の3つごと目だけ、スタイルを適用したいことがあります。
その場合は下記のようなCSSを加えます。
下記コードは、同じ親要素の子要素で、指定したクラスに一致するものの3つごとを選択します。
単純にクラ...
CSS辞典 CSSでテキストを縦書きにする
CSS
HTML
リセットする（横書きに戻す）場合
リセットする場合
横書きにする場合
CSS辞典 CSSでテキストの改行を禁止する／改行させる
改行を禁止する
このプロパティを適用することで、テキストはコンテナの幅を超えても改行されず、一行に収まります。テキストを一行に保持したい時に便利ですが、テキストが長い場合、親要素をはみ出しますので注意も必要です。
改行...
CSS辞典 CSSだけで画像をモノクロにするテクニック【グレースケール】
ウェブサイトで使用する画像を視覚的に印象づける手法のひとつに、「画像を白黒（モノクロ）」にする方法があります。
特に、マウスを乗せたときだけカラー表示にしたいといった演出では、ユーザーの注意を引きやすくなります。CSSの「filte...
CSS辞典 CSSで文字を斜体にしたり解除したりする「 font-style 」の設定と使用例
「font-style」プロパティは、テキストのスタイルを指定するプロパティです。
テキストに対して、italic（斜体）などの装飾を加えるプロパティです。
font-style の使用例
フォントを通常のスタイルにする...