CSS3瀏覽器私有屬性

時間 2019-11-21

標籤 css3 css 瀏覽器私有屬性欄目 CSS 简体版

原文原文鏈接

　　CSS3的瀏覽器私有屬性前綴是一個瀏覽器生產商常用的一種方式。它暗示該CSS屬性或規則還沒有成爲W3C標準的一部分。所以每種內核的瀏覽器都只能識別帶有自身私有前綴的CSS3屬性。咱們在書寫CSS3代碼時，須要在屬性前加上瀏覽器的私有前綴，而後該種內核的瀏覽器才能識別相應的CSS3屬性。例如給一個div設置CSS3的-border-radius-時，chrome瀏覽器只能識別-webkit-border--radius-(前綴爲-webkit-)，而firefox瀏覽器只能識別-moz-border--radius-(前綴爲-moz-)，IE瀏覽器只能識別-ms--radius-(前綴爲-ms-),opera瀏覽器只能識別-m-radius-(前綴爲-m-)。html

　　例子：web

　　一個CSS3圓角的代碼是：chrome

<!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-border-radius: 50%;/*兼容Chrome/Safari*/
             -o-border-radius: 50%;  /*兼容Opera*/
             -moz-border-radius: 50%; /*兼容Firefox*/
             -ms-border-radius: 50%; /*兼容IE*/
              }
    </style>
</head>
<body>
    <div></div>
</body>
</html>