Geek asks and answers

Should we use the -moz-border-radius attribute these days?

I use the W3C CSS Validation Service to validate CSS, and it returned the following error:

The -moz-border-radius-bottomleft property does not exist: 5px

My question is whether we need it more, as modern browsers seem to understand border-bottom-left-radius, etc.

Here is the full CSS:

height: 160px;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
background: transparent url(../images/search-box-repeat-small.png) repeat;
+3
source share
5 answers

Firefox understands standardized border-*-radiusfeatures since version 4 .

, Firefox < 4.0 , :

height: 160px;
border-radius: 5px;
background: transparent url(../images/search-box-repeat-small.png) repeat;

Firefox 3.6 , prefixed, - :

height: 160px;
-moz-border-radius: 5px;
border-radius: 5px;
background: transparent url(../images/search-box-repeat-small.png) repeat;

, unsrefixed , , , . 1

1 , , , , . . Gecko -moz-border-radius , , Mozilla .

+11

, IE6, , Firefox, -moz-border-radius.

, , Firefox , IE, , . , , .

, . , . , ( , ), ?

+2

Firefox . border-radius as-is.

: http://caniuse.com/border-radius

+1

firefox .

( 4.0)

- -, ()

0

Provider properties must be scrolled to properties other than it. like this

-webkit-transform: rotate(7.5deg);  /* Saf3.1+, Chrome */
   -moz-transform: rotate(7.5deg);  /* FF3.5+ */
    -ms-transform: rotate(7.5deg);  /* IE9 */
     -o-transform: rotate(7.5deg);  /* Opera 10.5 */
        transform: rotate(7.5deg);
0
source

More articles:


All Articles