CSSで単語や文章を太字にするには [crayon-670bc43c89818401794567-i/]  がよく使われます。 ところが一部のフォントではこのプロパティによる太字に対応していません。なのでいくら [cra...

CSSで枠線を内側に引きたい場合、方法は１つじゃありません。 いくつかやり方を考えてみると次の３つが使えます。 box-sizingプロパティを使った方法 outline-offsetプロパティを使った方法 after疑...

リンクの色はデフォルトだとブラウザ固有のものが使われます。 あるいはWordPressなどのCMSを使っているなら、テーマとかで統一された色です。 でも一部のリンクではホバー時や訪問済みの色を変えたいこともありますよね。...

最初に言っておくとCSSでは完全な正規表現は使えません。 ただ完全ではないものの、セレクタ内で正規表現を使うことは可能です。 ということでCSS内のセレクタで使える正規表現とそのコード例を紹介します。 セレクタに使える３...

PCとスマホやタブレットでは当然画面幅が違うので同じレイアウトが使えるとは限りません。 そんな場合に便利なのがCSSのメディアクエリを使って切り替えすることです。 スクリプトとかも必要なくて便利なので、そのやり方について...

今までCSS内で変数を使うにはSassとかの専用のツールが必要でした。 でもこれはツールを使っているので元のCSSで直接変数を使っている訳じゃありません。   ですが新しいCSSではなんと特別なツールを使わなく...

テーブルを使っていると列の幅の指定に悩むことがあるんですよね。 最近も列幅を均等にしたいけどやり方が分からなくてかなり悩みました。 ですがその方法が分かったのでCSSで各列の幅を均等にする方法を紹介します。 テーブルの列...

通常テーブルは各列の幅を勝手に計算してくれるので折り返す必要はありません。 ですが特殊な条件だとテーブル要素内のテキストを折り返ししないといけない場面が出てきます。 ということでCSSを使ってテーブル内の文字列を折り返す...