×

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

Untitled Reusable Block

  ...

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 White Space Property

White Space in CSS The white-space CSS property describes how to show the content inside an element. This property is applied to manage a white space within an element. Values of White-space...

2 minutes read.

CSS Animation

CSS Animation: The animation property of CSS is applied to make animation over any webpage. It is used as the animation replacement made by JavaScript and Flash. Rules of CSS3 @keyframes The...

3 minutes read.

CSS Word Wrap

Word Wrap in CSS: The word-wrap property in CSS is referred to break any lengthy word and wrap towards the next or following line. It is employed for preventing overflow...

1 minute read.

CSS Selector

CSS Selector: There are some selectors used in CSS, which allows us to choose the content we wish to style. Various selectors are considered as the separation of the set...

5 minutes read.

CSS Specificity

CSS Specificity: If one or more conflicting rules of CSS express a similar element, a browser will pursue a few rules to examine the specific one. Specificity can be specified...

3 minutes read.

How To Use CSS

You can use CSS(Cascading Style Sheet) in four ways. These are given below: The given above CSS type, in which various technique will be used. These are different from each other and...

2 minutes read.

CSS Loader

CSS Loader The loader is the animation that can alert a visitor regarding the loading of the page. We need to wait for some time. It will be helpful if any...

4 minutes read.

What is a CSS File?

What is a CSS File and How to use it in Html? CSS: - CSS stands for Cascading Style Sheet. CSS is a file of style sheets that describe the presentation of...

4 minutes read.

CSS Outline

CSS Outline: This CSS property is quite similar to the border property of CSS. It eases us to design an additional border around the element to obtain visual attention. The...

4 minutes read.

CSS Sticky

CSS Sticky The position property in CSS is applied to set an element’s position. This property is also applied to position an element behind the other element. It is useful for...

1 minute read.

CSS Masking

CSS Masking The CSS mask property is applied to hide a component with the use of the masking or clipping an image at any specific point. The masking depicts the use...

3 minutes read.

CSS Clip

CSS Clip The Clip property in CSS describes the element’s visible area. It applies over the elements which are absolutely positioned (position: absolute ;). Generally, it is used when an image...

2 minutes read.

CSS Descendant Selector

Descendant Selector The Descendant selector in CSS is used to match the descendant components of a particular component. The term descendant depicts nested in whatever place, inside a DOM tree. This...

2 minutes read.

CSS Hover

CSS Hover: CSS :hover is used to select the various elements whenever we point the mouse on these elements. We can also use this selector on all the HTML elements,...

3 minutes read.

CSS Image Gallery

Image galleries are used to display and store collections of images. Example Let’s discuss an example. CSS was used to create the following image gallery: Code is as follows: <html> <head> <style> div.gallery {   margin: 6px;   border: 1px...

5 minutes read.

How to Set Space between the Flexbox

For managing layout on the Web, CSS Flexbox and CSS Grid are two excellent tools. Flexbox handles one-dimensional layouts quite well, whereas CSS Grid manages two-dimensional layouts with columns and...

4 minutes read.

Create a 3D text effect using HTML and CSS

A3D text effect is a beautiful and attractive part of a webpage. As a web page developer, it is crucial to know how to create a 3D text effect with...

3 minutes read.

CSS Units

CSS Units In CSS, there are so many units available to show the length’s measurement. A single unit of CSS is applied to examine the size of the property, which the...

5 minutes read.