CSSについてのカテゴリーです。追加CSSに追加する記述や直接テキストエディタで指定する方法などを調べることができます。
CSSでスタイルを施すとき、同じスタイルを要素やclass名などに指定したいことがあります。そのようなときに複数のセレクタをまとめて1つのCSSに記述するための書き方です。 複数のセレクタをまとめて一括指定 「Aセレクタ」と「Bセレクタ」と「CSSセレクタ」に同じスタイルを指定したい場合は、セレクタの間に「,(コンマ)」を記述します。 「,(コンマ)」は「+(足し算)」のイメージ イメージとして「 […]
ワードプレスのテーマTHETHORでは標準で498種のアイコンを使用することができます。ただ、普通に使っているだけでは、ページに挿入することしかできません。 CSSでもアイコンを指定することができるといいなあと思いませんか？ 何かをインストールしたり、アップロードしたり、難しいことや面倒な作業を必要とせずにCSSの疑似要素などでアイコンを指定することが可能です。 このページでは、ザ・トールの機能の […]
このページは、CSSで定義されているカラー140色と、ワードプレスのテーマTHE THORのオリジナルカラー91色のすべてを掲載したページです。 当サイトには、ザ・トールオリジナルカラーのページとCSSで定義されているカラーのページがありますが、『せっかくなら全部一緒に見たい！』という要望に応えました。CSSで定義されている色見本の並び順を基準に、ザ・トールのオリジナルカラーを近似値付近（目視優先 […]
色の取得と比較ができます #RRGGBB #RRGGBB #RRGGBB CSS色 CSSで定義されている色140色の見本です。 表の大きさをモバイルの大きさに合わせているので小さくなっていますが、大きさの変更が可能です。 クロームやエッジでご覧になられている方は、表の右下をドラッグしてください。任意の大きさに変更できます。（IE11には対応していません） カラーネーム、カラーコードなど、すべてコ […]
カラーピッカーは様々なデバイスで使用できるので、細かな説明は不要かもしれませんが、当サイトの色見本のページではオリジナルでカラーピッカーを3つ並べて表示させています。 普通の使い方以外に使い方があるの？と思われるかもしれませんが、基本的な使い方は同じです。改造しているわけではありません。当サイト管理人さとのかが『実際に色を選ぶ際に使いやすい』と思える表示にカスタマイズさせたものです。 オリジナルカ […]
CSSのスタイルを変更しようとすると、避けて通れないのがボックスモデルという概念の理解です。逆に言えば、ボックスモデルを理解するとカスタマイズの幅が広がります。 そこでボックスモデルについての概念と、少し掘り下げて実践的な内容をお伝えしていきます。 ボックスモデルとは？ ボックスモデルとは、指定したスタイルの通りにブラウザに表示させるためのCSSのルールです。 基本的なボックスモデルの概念は「すべ […]
フッターＣＴＡの本文を入力
