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) |
