CSS3 browser private property

　　Private property prefix browser CSS3 is one way a browser manufacturers often use. It implies that the CSS property or rules have not yet become part of the W3C standards. So each core can only identify the browser CSS3 property with its own private prefix. When we write CSS3 code, you need a browser add private prefix before the attribute, then this kind of browser kernel in order to identify the appropriate CSS3 properties. For example, to a set of CSS3 div -border-radius-, chrome browser only recognizes -webkit-border - radius- (prefix -webkit-), and only recognizes firefox browser -moz-border - radius - (prefixed -moz -), IE browser only recognizes -ms - radius- (prefixed -ms -), opera browser only recognizes -m-radius- (prefix -m-).

　　example:

　　A rounded CSS3 code:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CC圆形</title>
    <style>
          div{
               width:100px;
               height:100px;
               text-align: center;
               vertical-align: middle;
               background:Green ; 
               -webkit the RADIUS-border- : 50% ; / * compatible with Chrome / Safari * / 
             -o-border-the RADIUS : 50% ;   / * compatible Opera * / 
             -moz-border-the RADIUS : 50% ;  / * compatible with Firefox * / 
             -ms-border-RADIUS : 50% ;  / * compatibility IEs * / 
              } 
    </ style > 
</ head > 
< body > 
    < div > </ div > 
</body>
</html>

　　Writing for certain characteristics attributes CSS3, we have to do like the above code compatible processing. No matter how much we hate the prefix of the browser kernel, we all have to face it every day, or something is not working properly, there is no unified compatible, so the time to use some of the features of CSS3 are required to write on, avoid incompatible mode appears.

CSS3 browser private property

Guess you like