CSSStyleProperties: cssFloat ããããã£
cssFloat 㯠CSSStyleProperties ã¤ã³ã¿ã¼ãã§ã¤ã¹ã®ããããã£ã§ãCSS ã® float ããããã£ãè¿ãã¾ãã
ããã¯ããã®ãªãã¸ã§ã¯ãã«å¯¾ã㦠getPropertyValue() ãå¼ã³åºãã弿°ã« float ãæ¸¡ããçµæã§ãã
è¨å®æã«ã¯ setProperty() ãå¼ã³åºãã第ä¸å¼æ°ã« floatã第äºå¼æ°ã«æå®ãããå¤ã渡ãã¾ãã
æå®ãããå¤ã¯ float ããããã£ã§æå¹ãªå¤ã§ãªããã°ãªãã¾ããã
å¤
æååã§ãã
null å¤ã«è¨å®ãããå ´åãnull å¤ã¯ç©ºæåå ("") ã«å¤æããã¾ãã®ã§ãcsd.cssFloat = null 㯠csd.cssFloat = "" ã¨åçã«ãªãã¾ãã
ä¾
ä¸è¨ä¾ã§ã¯ããã®ã¹ã¿ã¤ã«ã·ã¼ãã« .box ã«å¯¾ããã«ã¼ã«ã 1 ã¤å«ã¾ãã¦ããããã®ã«ã¼ã«ã«ã¯ float ããããã£ã left ã®å¤ã§è¨å®ããã¦ãã¾ãããã®å¤ã¯ cssFloat ã«ãã£ã¦è¿ããã¾ãããã®å¾ãcssFloat ã使ç¨ãã¦ãã®å¤ã "right" ã«è¨å®ããæ°ããå¤ãè¿ãã¾ãã
.box {
float: left;
inline-size: 300px;
}
let myRules = document.styleSheets[0].cssRules;
let rule = myRules[0];
console.log(rule.style.cssFloat); // "left"
rule.style.cssFloat = "right";
console.log(rule.style.cssFloat); // "right"
仿§æ¸
| 仿§æ¸ |
|---|
| CSS Object Model (CSSOM) > # dom-cssstyleproperties-cssfloat > |