ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS `color` が `要素の色を変更しないのはなぜですか?

CSS `color` が `要素の色を変更しないのはなぜですか?

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-12-04 08:10:13837ブラウズ

Why Doesn't CSS `color` Change the `` Element's Color?


要素のスタイル設定

CSS を使用して


要素の色を変更しようとすると、多くの開発者が困難に遭遇します。 color プロパティを利用する提供されたコードでは、望ましい結果が得られません。

解決策は、代わりに border-color を使用することです。


要素は水平線を生成し、境界線の色は線の色を制御します。

他の CSS プロパティで線のサイズを変更した場合、境界線の幅は同じ幅のままであることに注意することが重要です。スタイルで指定されます。このような場合、border-color をbackground-color で補う必要がある場合があります。

HTML 5 ボイラープレート プロジェクトのデフォルトのスタイルシートで示されているように、次のルールを使用して


要素をカスタマイズできます。
hr {
  border-color: #ccc;
}

さらに、


要素にその親から境界線の色を継承させたい場合は、border-color:inherit を指定できます。このヒントは、SitePoint が発行した「12 のあまり知られていない CSS の事実」というタイトルの記事で取り上げられています。

以上がCSS `color` が `要素の色を変更しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。