Cross browser CSS property

author details
AdiPie
31st Jul 2020
1 min read
cross-browser-css

These are the vendorprefixed properties offered by the important rendering engines (- webkit for Chrome, Safari; -moz for Firefox, -o for Opera, -ms for Internet Explorer). Normally they're utilized to execute new, or restrictive CSS highlights, before conclusive explanation/definition by the W3C.

CSS properties starting with -webkit-, -moz-, -ms- or -o- are called vendor prefixes.

.elementClass {

   -moz-border-radius: 2em;

   -ms-border-radius: 2em;

   -o-border-radius: 2em;

   -webkit-border-radius: 2em;

   border-radius: 2em;

}

Please find below the sample of the code :

a {

  -webkit-column-count: 3;

  -moz-column-count: 3;

  column-count: 3;

  -webkit-column-gap: 10px;

  -moz-column-gap: 10px;

  column-gap: 10px;

  -webkit-column-fill: auto;

  -moz-column-fill: auto;

  column-fill: auto;

}