CSS Tips - currentColor を使ってテキストと同じ色を指定しよう
CSS3 から使えるようになった currentColor の使い方について紹介します. currentColor とは currentColor とは, CSS 上で変数のように使えるキーワードで, プロパティの値に指定することで, その要素に適応されている color と同じ値を適応してくれる便利な機能です. .target { color: red; border-bottom: 1px solid currentColor; /* color で指定している色が適応される */ } もちろん border-color 以外にも background-color や box-shadow といった色を指定する箇所にはすべて使うことができます. サンプルプログラム 実際に適応したデモを作ってみました. 使い方のイメージが掴めればと思います. <!doctype html> <html>
b.hatena.ne.jp
phablet.jp
news.yahoo.co.jp
news.yahoo.co.jp
l.smartnews.com
l.smartnews.com
