CSS Schemata 1-3 test on 0
gt
Use vendor prefixesAttribute Tests
Common Browsers
Font and Text
Browser | Score |
---|---|
IE 7 | 37 |
IE 8 | 37 |
IE 9 | 44 |
IE 10 | 51 |
Firefox 3.6 | 44 |
Firefox 6/7/8 | 46 |
Firefox 9 | 47 |
Firefox 10-15 | 47 |
Firefox 16+ | 53 |
Chrome 15+ | 45 (+2) |
Chrome 35+ | 52 (+6) |
Opera 11.5 | 46 |
Opera 12.1 | 50 |
Safari 5 | 45 (+2) |
Browser | Score |
---|---|
IE 7 | 37 |
IE 8 | 37 |
IE 9 | 47 |
IE 10 | 53 |
Firefox 3.6 | 51 |
Firefox 6/7/8 | 54 |
Firefox 9 | 55 |
Firefox 10-15 | 57 |
Firefox 16+ | 56 |
Chrome 15+ | 54 (+2) |
Chrome 35+ | 55 (+6) |
Opera 11.5 | 51 |
Opera 12.1 | 51 |
Safari 5 | 54 (+2) |
CSS Property | CSS Schema | Test Value | Supported? |
---|---|---|---|
font-family | CSS 1 | Verdana, sans-serif | |
font-weight | CSS 1 | bold | |
font-style | CSS 1 | italic | |
font-size | CSS 1 | 14pt | |
font-variant | CSS 1 | small-caps | |
line-height | CSS 1 | 20pt | |
letter-spacing | CSS 1 | 5px | |
word-spacing | CSS 1 | 20px | |
text-transform | CSS 1 | capitalize | |
text-indent | CSS 1 | 10pt | |
text-decoration | CSS 1 | underline | |
direction | CSS 2 | rtl | |
font-variant-position | CSS 3 | sup | |
text-decoration-style | CSS 3 | wavy | |
text-decoration-color | CSS 3 | blue | |
font-stretch | CSS 3 | expanded | |
font-smooth | CSS 3 | always | |
text-justify | CSS 3 | inter-word | |
text-outline | CSS 3 | 1px 1px blue | |
text-shadow | CSS 3 | 1px 1px blue |
Opacity
CSS Property | CSS Schema | Test Value | Supported? |
---|---|---|---|
opacity | CSS3 | 0.5 |
Box, Border & Outline
CSS Property | CSS Schema | Test Value | Supported? |
---|---|---|---|
border-right-width |
CSS 1 | 2px | |
border-right-style |
CSS 1 | dotted | |
border-right-color |
CSS 1 | blue | |
outline-width |
CSS 2.1 | 2px | |
outline-style |
CSS 2.1 | dotted | |
outline-color |
CSS 2.1 | blue | |
outline-offset |
CSS 3 | 5px | |
box-shadow |
CSS 3 | 2px 2px 2px blue | |
border-top-right-radius |
CSS 3 | 10px |
Dimensions
CSS Property | CSS Schema | Test Value | Supported? |
---|---|---|---|
height |
CSS 1 | 35px | |
width |
CSS 1 | 35px | |
min-height |
CSS 2 | 35px | |
max-height |
CSS 2 | 35px | |
min-width |
CSS 2 | 35px | |
max-width |
CSS 2 | 50px |
User Interface
CSS Property | CSS Schema | Test Value | Supported? |
---|---|---|---|
cursor |
CSS 1 | crosshair | |
appearance |
CSS 3 | button | |
CSS 3 | both |
Value Testing
Font and Text
CSS Property | CSS Schema | Test Value | Supported? |
---|---|---|---|
text-decoration | CSS1 | blink |
Colour
CSS Property | CSS Schema | Test Value | Supported? |
---|---|---|---|
color | CSS1 | blue | |
color | CSS1 | rgb(0, 0, 255) | |
color | CSS1 | rgb(0%, 0%, 100%) | |
color | CSS1 | #0000FF | |
color | CSS 2.1 | orange | |
color | CSS3 | hsl(250, 100%, 50%) | |
color | CSS3 | darkblue | |
color | CSS3 | rgba(0, 0, 255, 0.5) | |
color | CSS3 | hsla(250, 100%, 50%, 0.5) |
Cursors
CSS Property | CSS Schema | Test Value | Supported? |
---|---|---|---|
cursor |
CSS3 | cell | |
cursor |
CSS3 | vertical-text | |
cursor |
CSS3 | copy | |
cursor |
CSS3 | not-allowed | |
cursor |
CSS3 | all-scroll | |
cursor |
CSS3 | pointer 5 5 |
Backgrounds
CSS Property | CSS Schema | Test Value | Supported? |
---|---|---|---|
background-image | CSS3 | linear-gradient(left, green, white, green) | |
background-image | CSS3 | radial-gradient(50% 50%, circle cover, white, green 50%) |
Transformations (2D)
CSS Property | CSS Schema | Test Value | Supported? |
---|---|---|---|
transform |
CSS 3 | rotate(1deg) | |
transform |
CSS 3 | scale(1.05) | |
transform |
CSS 3 | skew(5deg,5deg) |
Transformations (3D)
CSS Property | CSS Schema | Test Value | Supported? |
---|---|---|---|
transform |
CSS 3 | rotateX(45deg) | |
transform |
CSS 3 | rotateY(45deg) | |
transform |
CSS 3 | rotateZ(5deg) |
Extensions
CSS Property | CSS Schema | Test Value | Supported? |
---|---|---|---|
-webkit-text-stroke-color | webkit ext | blue | |
-webkit-text-fill-color | webkit ext | blue | |
-webkit-text-security | webkit ext | square |
CSS3 Filters
CSS Property | CSS Schema | Test Value | Supported? |
---|---|---|---|
-webkit-filter | webkit ext | grayscale(0.5) | |
-webkit-filter | webkit ext | sepia(0.5) | |
-webkit-filter | webkit ext | invert(0.5) | |
-webkit-filter | webkit ext | blur(8px) |