CSS ããããã£ã¨å¤ APIï¼CSS Houdini API ã®åä¸ï¼ã«ããã CSS ã«ã¹ã¿ã ããããã£
ã®ç»é²ã«ããã¦ãéçºè
ã¯æç¤ºçã«ãããããã£ã®åãã§ãã¯ãæ¢å®å¤ãããããã£ã®å¤ãç¶æ¿ã®æç¡ã®ç»é²ãè¡ããã¨ãã§ãã¾ãã
CSS.registerProperty
ãã©ã¦ã¶ã¼ã CSS ã«ã¹ã¿ã ããããã£
ãæ§æè§£æããæ¹æ³ãå®ç¾©ãã¾ãã JavaScript ã® CSS.registerProperty
ãä»ãã¦ãã®ã¤ã³ã¿ã¼ãã§ã¤ã¹ã«ã¢ã¯ã»ã¹ãã¾ãã
@property
ãã©ã¦ã¶ã¼ã CSS ã«ã¹ã¿ã ããããã£
ãæ§æè§£æããæ¹æ³ãå®ç¾©ãã¾ãã CSS ã® @property
ã¢ããã«ã¼ã«ãä»ãã¦ãã®ã¤ã³ã¿ã¼ãã§ã¤ã¹ã«ã¢ã¯ã»ã¹ãã¾ãã
次ã®ä¾ã§ã¯ã CSS ã«ã¹ã¿ã ããããã£
ã¨ã㦠--my-prop
ã CSS.registerProperty
ã«ãã£ã¦ç»é²ãã¾ãã --my-prop
㯠CSS è²æ§æã使ç¨ããæ¢å®å¤ã¨ã㦠#c0ffee
ããããå¤ãç¶æ¿ããªãããã«ãã¾ãã
window.CSS.registerProperty({
name: "--my-color",
syntax: "<color>",
inherits: false,
initialValue: "#c0ffee",
});
CSS ã§ã¯æ¬¡ã® @property
ã¢ããã«ã¼ã«ã使ç¨ãã¦ãåãç»é²ãè¡ããã¨ãã§ãã¾ãã
@property --my-color {
syntax: "<color>";
inherits: false;
initial-value: #c0ffee;
}
仿§æ¸ ãã©ã¦ã¶ã¼ã®äºææ§ api.CSSPropertyRule api.CSS.registerProperty_static é¢é£æ
å ±
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4