gotohayato.com

月(ダークモード)
太陽(ライトモード)

CSS でテキストの色と同じボーダーの色を設定する方法

CSS

CSS でテキストの色と同じボーダーの色を設定する方法について。

実は border-color を指定しない場合、 border-color は自動的に color の色になります。 ですので以下のように設定すれば、ボーダーの色が自動的にテキストの色と同じになります。

target-element {
color: #abc;
border: 1px solid;
}

CSS3 ではこれを明示的に表すためのキーワード currentColor というものが導入され、以下のように記述することが可能となっています。

target-element {
color: #abc;
border: 1px solid currentColor;
}

参考


後藤隼人 (ごとうはやと)

ウェブ制作・開発やマーケティング、プロジェクト支援などをしています。

GitHubPython

お知らせ

児童養護施設の「守山学園」さんが 2021/02/03 まで 建物改築のためのクラウドファンディング をされています。ご興味のある方はご覧になってみてください(後藤も少しだけ寄付させていただきました)。
© 2021 gotohayato.com
サイトについてタグアーカイブメッセージを送る