<html><head></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">There is no background-repeat-x CSS property &lt;<a href="http://dev.w3.org/csswg/css3-background/">http://dev.w3.org/csswg/css3-background/</a>&gt;. Background-repeat is one of those properties with X, Y values that sound like they should be shorthands, but actually are not. The CSS WG has talked a few times about whether it's useful to expose separate properties for the -x and -y values, but in general we tend to avoid adding new CSS properties.<div><br></div><div>Simon<div><br><div><div>On Sep 26, 2012, at 6:33 AM, Nicolas Ramz wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite">Hi,<div><br></div><div>When playing with Style rules I have accountered a weird behaviour.</div><div><br></div><div>Let's say I have a single stylesheet. I may access it using document.styleSheets[0] and I can access the first rule using&nbsp;document.styleSheets[0].rules[0]</div>
<div><br></div><div>Now, if the first rule equals to something like: "body{ width:100%; height: 100%; background-repeat: no-repeat; }", it seems internally, background-repeat is splited into two separate properties: background-repeat-x and background-repeat-y</div>
<div><br></div><div>That sounds ok (even though I couldn't find anywhere a reference to the background-repeat-x/y properties: are they standard CSS ?). The problem is it isn't possible to set this values.</div><div>
<br></div><div>Doing something like: myRule.style.setProperty('background-repeat-x', 'repeat') won't work.</div><div><br></div><div>I know I may use the shorthand (valid) CSS property background-repeat to set my properties but I'm wondering: why is background-repeat property split like this ? It makes it impossible to iterate through all styles since there's no way to set background-repeat-x/y values.</div>
<div><br></div><div><br></div><div>Thanks,</div><div>--&nbsp;</div><div><div><b style="font-family:Helvetica"><font color="#333333">Nicolas RAMZ</font></b><br style="color:rgb(68,68,68);font-family:Helvetica;font-size:medium">
<strong style="color:rgb(68,68,68);font-family:Helvetica;font-size:12px">Développeur Web</strong></div><div><a href="http://www.warpdesign.fr/" style="font-family:Helvetica;color:rgb(102,102,102);text-decoration:none;font-size:12px" target="_blank">www.warpdesign.fr</a>&nbsp;|&nbsp;<a href="http://www.pixowl.com/" style="font-family:Helvetica;color:rgb(102,102,102);text-decoration:none;font-size:12px" target="_blank">@</a><a href="http://www.twitter.com/warpdesign_" style="font-family:Helvetica;color:rgb(102,102,102);text-decoration:none;font-size:12px" target="_blank">warpdesign</a><a href="http://www.pixowl.com/" style="font-family:Helvetica;color:rgb(102,102,102);text-decoration:none;font-size:12px" target="_blank">_</a>&nbsp;|&nbsp;<a href="http://www.wpfun.fr/" style="font-family:Helvetica;color:rgb(102,102,102);text-decoration:none;font-size:12px" target="_blank">www.wpfun.fr</a></div>
<div><a href="mailto:nicolas.ramz@gmail.com" style="font-family:Helvetica;color:rgb(102,102,102);text-decoration:none;font-size:12px" target="_blank">nicolas.ramz@gmail.com</a>&nbsp;|&nbsp;<a style="font-family:Helvetica;color:rgb(102,102,102);text-decoration:none;font-size:12px">+33 6 43 34 73 47</a></div>
<br>
</div>
_______________________________________________<br>webkit-help mailing list<br><a href="mailto:webkit-help@lists.webkit.org">webkit-help@lists.webkit.org</a><br>http://lists.webkit.org/mailman/listinfo/webkit-help<br></blockquote></div><br></div></div></body></html>