CSS prefixes

Special property syntax...

-PREFIXED_PROPERTY-box-sizing: border-box;

⇒ vendors prefixes:

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;

These are supported too:

_PREFIXED_::selection { ... }
_PREFIXED_@keyframes animation-name { ... }

Note: does not work in style="..." HTML attributes

NO-MARKDOWN <div class="incremental auto"> <div class="boxed" style="margin-bottom: 1em;"> <h3>Special <span style="color: #333333;">property syntax...</span></h3> <p class="code" style="font-size: 0.8em;"> <span class="pale-green"> -PREFIXED_PROPERTY-</span><span class="pale-greenx">box-sizing: border-box;</span> </p> </div> <div class="boxed" style="margin-bottom: 1em;"> <h3 style="color: #333333;">⇒ vendors prefixes:</h3> <p class="code" style="font-size: 0.8em;"> <span class="pale-green"> -webkit-</span><span class="pale-greenx">box-sizing: border-box;</span> <br> <span class="pale-green"> -moz-</span><span class="pale-greenx">box-sizing: border-box;</span> <br> <span class="pale-green"> -ms-</span><span class="pale-greenx">box-sizing: border-box;</span> <br> <span class="pale-green"> -o-</span><span class="pale-greenx">box-sizing: border-box;</span> <br> <span class="pale-greenx"> box-sizing: border-box;</span> </p> </div> <div class="boxed" style="margin-bottom: 0.8em;"> <h3 style="color: #333333;">These are supported too:</h3> <p class="code" style="font-size: 0.8em;"> <span class="pale-green"> _PREFIXED_</span><span class="pale-greenx">::selection { ... }</span> <br> <span class="pale-green"> _PREFIXED_</span><span class="pale-greenx">@keyframes animation-name { ... }</span> </p> </div> <p> <span class="fade" style="font-size: 0.8em"><em>Note:</em> does not work in <span class="code pale-red">style="..."</span> HTML attributes</span> </div>