×

CSS Browser Support

The desk underneath lists of all CSS properties and the way each belongs to it is supported in the generally unique browsers:

- The quantity to the right of the browser icon suggests the browser version.

Feature (Property)Microsoft EdgeChromeFirefoxOperaSafari
A -     
align-content11212812.19
align-items11212012.19
align-self11212012.19
all793727249.1
animation104316309
animation-delay104316309
animation-direction104316309
animation-duration104316309
animation-fill-mode104316309
animation-iteration-count104316309
animation-name104316309
animation-play-state104316309
animation-timing-function104316309
B -     
backface-visibility10361623-webkit-4
Background4113.51
background-attachment4113.51
background-blend-mode793530227.1
background-clip94410.53
background-color4113.51
background-image4113.51
background-origin94410.53
background-position4113.51
background-repeat4113.51
background-size944104.1
Border4113.51
border-bottom4113.51
border-bottom-width4113.51
border-color4113.51
C -     
caption-side81141
clear51161
color3113.51
column-count105052379
columns105052379
content81141
Cursor5.5549.65
D -     
direction5.5219.21.3
Display84373.1
E -     
empty-cells81141.2
F -     
filter135335409.1
flex112928179
flex-wrap112928179
float41171
font4113.51
font-family4113.51
font-size5.51171
font-style41171
font-variant4113.51
font-weight4213.51.3
G -     
gap1666645312
grid1057524410
grid-column1057524410
grid-gap1057524410
grid-row1057524410
grid-template1057524410
H -     
Height41171
hyphens79554344-Webkit- 5.1
I -     
image-rending7941652810
@import5.5113.51
Isolation794136307.1
J -     
justify-content112928179
K -     
@keyframes104316309
L -     
left5.51151
letter-spacing4113.51
line-break5.51   
line-height41171
line-style41171
line-style-type4113.51
M -     
margin6113.51
margin-left6113.51
mask12-webkit-453-webkit-15-webkit-4
mask-clip-webkit-79-webkit-453-webkit-15-webkit-4
mask-image-webkit-79-webkit-453-webkit-15-webkit-4
mask-origin-webkit-79-webkit-453-webkit-15-webkit-4
mask-size-webkit-79-webkit-453-webkit-15-webkit-4
max-width71172
min-width71142
N -     
@namespace91181
O -     
object-fit163136197.1
order112928179
outline811.571.2
outline-color811.571.2
overflow41171
P -     
padding4113.51
@page8151915 
perspective103616239
position71141.2
Q -     
quotes8111.545.1
R -     
resize7945154
right5.51151
row-gap1666615312
S -     
scroll-behavior7961364814
shape-image-threshold7937622410.1
shape-margin7937622410.1
@supports12282212.19
T -     
tab-size7921-moz-4156.1
text-align3113.51
text-justify5.5 55 10
top51161
transition10261612.16.1
U -     
unicode-bidi5.5219.21.3
user-select79546942-webkit-3.1
V -     
vertical-align41141
@viewport1029 16 
visibility41141
W -     
white-space813.59.53
windows825 107
width4113.51
word-wrap5.543.510.53.1
Z -     
z-index41341

Symbols explanations are as follows:

  • This is supported by Chrome
  • This is supported by Firefox
  • This is supported by Internet/Edge Explorer
  • This is supported by Safari
  • This is supported by Opera
  • -webkit-  this is supported by Chrome with prefix –webkit-
  • -moz- this is supported by Firefox with prefix -moz-
  • -webkit- this is supported by Internet explorer with prefix -webkit-
  • -webkit- this is supported by Opera with prefix -webkit-
  • -webkit- this is supported by Safari with prefix -webkit-

Related Topics

Css Box Model

Introduction The Box Model property of CSS is used for design and layout of an html page. In CSS, all the elements has a rectangular box around it, you have to...

5 minutes read.

CSS Reference

The CSS Reference lists all of the basic standard CSS properties, pseudo-classes, pseudo-elements, and data types, for all intents and purposes functional notations, and at-rules alphabetically.  The site also includes...

5 minutes read.

CSS Width

CSS Width The width property in CSS sets the content width of area of the element. These properties do not provide margin and border features. It is used to set the...

1 minute read.

Difference between CSS Grid and CSS Flexbox

The way that information is arranged on a website reveals a lot about you or your company. Organizational abilities are just as important as having the right materials. The design...

3 minutes read.

CSS Ellipsis

The CSS ellipsis kind of is the value that mostly is used by the property: text-overflow. Here, we will discuss the following: What is CSS Ellipsis? Syntax for CSS ellipsis How to...

3 minutes read.

How to include CSS

How to include CSS CSS is included in HTML pages for formatting the documents based on the information inside a style sheet. We can add CSS in HTML documents in the following three ways: Inline...

5 minutes read.

CSS Box-shadow

CSS Box-shadow This property is referred to include effects as shadow-like around an element’s frame. Syntax box-shadow: h-offset v-offset blur spread color |inset|inherit|none; Property values Following are the various property values which can be used...

3 minutes read.

Cascading Style Sheet

CSS refers to the Cascading Style Sheet. CSS is a form of a programming language. In other words, CSS is a language of the style sheet that is utilised for...

7 minutes read.

CSS Text-Overflow

Introduction: The text-overflow property of CSS is used to format the text which is overflowing the boundaries of the container. This property helps user to clip the text, to display the...

5 minutes read.

CSS: nth-selector

CSS nth selector can be used to match an element according to its position regardless of its parent’s type. Here, n can be any number, formula, or a keyword. These selectors...

2 minutes read.

Css Text Orientation

Introduction: The text-orientation property of CSS is used to specify the orientation of the text characters in the line of content. This property applies only with the vertical writing-mode and not...

4 minutes read.

CSS Table

CSS table provides better look and feel. There are various properties of CSS table that are given below. border border-collapse padding width height text-align color background-color CSS Table Border You can set...

4 minutes read.

CSS Float

CSS Float: The float property of CSS is the positioning property. This property is applied to elements to push them either to left or right. It permits for wrapping facility...

4 minutes read.

CSS Dropdowns

Dropdowns are one of the maximum crucial parts of an interactive internet site. CSS is a kind used to design the drop-down menus. A drop-down essentially is a group of...

5 minutes read.

CSS Zoom

CSS Zoom: Zoom property in CSS extents the content. This property controls the content’s level of magnification. Rather than the use of this CSS property, we may also apply the...

3 minutes read.

How to create blinking text using CSS

The blinking effect is used in HTML and CSS to take the attraction towards a particular word or section. If you need such a blinking effect, we need to take...

2 minutes read.

CSS User Interface

Introduction User Interface can be defined as series of visual elements like screens, buttons, forms that help the user interact with the software application or hardware device. CSS User Interface allows the...

6 minutes read.

How to change font size in CSS

How to change font size in CSS? Font Size: - Users may attract attention to content on a website page in various ways. One element in a sentence can be highlighted. You...

5 minutes read.

Hover condition for a:before and a:after in CSS

In CSS, :after and :before are used to add content after and before the element. The CSS pseudo-class is used to add some styling effect to the webpage. We can change...

4 minutes read.

CSS Background-blend-mode

Background-blend-mode The background-blend-mode property sets a blend mode of the component’s every background layer (color/image). It illustrates how the element background image blends well with the element background color. We can...

9 minutes read.