CSS でテキストの色と同じボーダーの色を設定する方法
CSS でテキストの色と同じボーダーの色を設定する方法について。
実は border-color を指定しない場合、 border-color は自動的に color の色になります。
ですので以下のように設定すれば、ボーダーの色が自動的にテキストの色と同じになります。
target-element {
color: #abc;
border: 1px solid;
}CSS3 ではこれを明示的に表すためのキーワード currentColor というものが導入され、以下のように記述することが可能となっています。
target-element {
color: #abc;
border: 1px solid currentColor;
}