Q&A
.contentのカラーが適応されません。
デベロッパーツールで確認したところColor of an element's text Syntax: <color>となっていました。
どのように直したらいいのでしょうか？
ご知識ある方ご教授お願いします
.content { margin-left: 10px; color: linear-gradient(196.26deg, #c499c5 0%, #2363a9 95.01%); }
回答1件
0
linear-gradient - CSS: カスケーディングスタイルシート | MDN
<gradient> は CSS の <image> データ型に所属しますので、 <image> が使用できるところでのみ使用できます。このため、 linear-gradient は background-color や、その他の <color> を要求するプロパティでは動作しません。
とありますが該当のclassはどのような属性のものですか？
追記
やりたいことはグラーデションの背景をつけたいのか、文字自体をグラデーションさせたいのかのどちらかと推測しています。
質問主さんが書いている内容はspan要素のcolorにはそのままでは使えません。
HTML
1<html> 2<head> 3 <title>TEST</title> 4 <meta charset="utf-8"> 5 <link rel="stylesheet" href="css/bootstrap.css"> 6 <style> 7 .content { 8 margin-left: 10px; 9 background: linear-gradient(196.26deg, #c499c5 0%, #2363a9 95.01%); 10 } 11 12 .content2 { 13 color: #ACB6E5; 14 background: -webkit-linear-gradient(0deg, #ACB6E5, #86FDE8); 15 -webkit-background-clip: text; 16 -webkit-text-fill-color: transparent; 17 } 18 </style> 19 <script> 20 </script> 21</head> 22<body> 23 <p> <span class="content">１２３４５６７８９０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９０</span> </p> 24 <p> <span class="content2">０９８７６５４３２１００９８７６５４３２１００９８７６５４３２１００９８７６５４３２１００９８７６５４３２１０</span> </p> 25</body> 26</html>
参考
CSS3でテキストにグラデーションをかける方法 | mariweb
備考
自分の考えをもう少し具体的に書かないと上のように背景色の話なのか、文字の話なのかもわかりません。
相手に必要だと思う情報を記述するように癖をつけていただければと思います。
投稿2020/05/03 11:05
編集2020/05/03 11:23
総合スコア349
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/05/03 11:09
2020/05/03 11:18
2020/05/03 11:21
2020/05/03 11:25
2020/05/03 11:25
2020/05/03 11:29