CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSでフォールバックカラーを宣言する

フォールバックカラーは、ブラウザがRGBAカラーをサポートしていない状況のカラーを指定するために使用されます。フォールバックカラーをサポートしていないブラウザには、Opera 9以下、IE 8以下などがあります。ブラウザがRGBAカラーをサポートしていない場合でも単色が機能するように、RGBAカラーの前に単色を指定してください。

>

以下は、CSSでフォールバックカラーを宣言するためのコードです-

例

<!DOCTYPE html>
<html>
<head>
<style>
body{
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
div {
   padding:20px;
   font-size: 24px;
   background-color: purple; /*fallback color*/
   background-color: rgba(128, 0, 128, 0.527);
   color:white;
}
</style>
</head>
<body>
<h1>Fallback color example</h1>
<div>Some random text inside this div</div>
</body>
</html>
>

出力

上記のコードは次の出力を生成します-

CSSでフォールバックカラーを宣言する


  1. CSSを使用したリンクの色の設定

    CSSを使用すると、リンクに色を付けることができます。 colorプロパティは、要素のテキストの色を設定するために使用されます。 疑似セレクターの順序は、次のように指定されます。-：link、：visited、：hover、：active。 構文 CSSカラープロパティの構文は次のとおりです- Selector {    color: /*value*/ } 例 次の例は、CSSカラープロパティ-を示しています。 <!DOCTYPE html> <html> <head> <style> #demo::after { &

  2. CSSでのカラープロパティの設定

    CSSを使用して、要素のテキスト、境界線、背景の色を定義できます。 colorプロパティは、要素のテキストの色を指定するために使用されます。 構文 CSScolorプロパティの構文は次のとおりです- Selector {    color: /*value*/ } 次の例は、CSSカラープロパティ-を示しています。 例 <!DOCTYPE html> <html> <head> <style> div {    color: seashell;    background-color