CSS -webkit-text-fill-color ããããã£
Baseline
åºãå©ç¨å¯è½
ãã®æ©è½ã¯åºãå®è£ ããã¦ãããå¤ãã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã©ã¦ã¶ã¼ã§åä½ãã¾ãã2016å¹´9æ以éããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§å©ç¨å¯è½ã§ãã
-webkit-text-fill-color 㯠CSS ã®ããããã£ã§ãããã¹ãã®æåã®å¡ãã¤ã¶ãã®è²ãæå®ãã¾ãããã®ããããã£ãè¨å®ããã¦ããªãå ´åã color ããããã£ã®å¤ã使ç¨ããã¾ãã
æ§æ
css
/* <color> å¤ */
-webkit-text-fill-color: red;
-webkit-text-fill-color: #123456;
-webkit-text-fill-color: rgb(100 200 0);
/* ã°ãã¼ãã«å¤ */
-webkit-text-fill-color: inherit;
-webkit-text-fill-color: initial;
-webkit-text-fill-color: revert;
-webkit-text-fill-color: revert-layer;
-webkit-text-fill-color: unset;
å¤
<color>-
è¦ç´ ã®ããã¹ãã³ã³ãã³ãã®æå表é¢ã®å¡ãã¤ã¶ãè²ã
å ¬å¼å®ç¾©
| åæå¤ | currentcolor |
|---|---|
| é©ç¨å¯¾è±¡ | ãã¹ã¦ã®è¦ç´ |
| ç¶æ¿ | ãã |
| è¨ç®å¤ | è²ã®è¨ç®å¤ |
| ã¢ãã¡ã¼ã·ã§ã³ã®ç¨®é¡ | è² |
å½¢å¼ææ³
-webkit-text-fill-color =
<color>
ä¾
å¡ãã¤ã¶ãè²ã®å¤æ´
CSS
css
p {
margin: 0;
font-size: 3em;
-webkit-text-fill-color: green;
}
HTML
html
<p>ãã®ããã¹ãã¯ç·è²ã§ãã</p>
çµæ
ä»æ§æ¸
| ä»æ§æ¸ |
|---|
| Compatibility # the-webkit-text-fill-color |