background: linear-gradient()
Style: Test And Resultborder-radius
Property: Test And Resultbox-shadow
Property: Test And Resultrem
Unit: Test And Resulttext-shadow
Property: Test And Resultvh
Unit: Test And Resultvw
Unit: Test And Resultbackground: linear-gradient()
Style: Test And Result.background-linear-gradient { background: linear-gradient(#777 0%, #fff 33%, #fff 67%, #777 100%); }
<p class="background-linear-gradient">Paragraph styled with <code>background: linear-gradient(#777 0%, #fff 33%, #fff 67%, #777 100%);</code>.</p>
Paragraph styled with background: linear-gradient(#777 0%, #fff 33%, #fff 67%, #777 100%);
.
Web browser support for the background: linear-gradient()
style: IE10+, ED12+, FF16+, Not SF5.1.7-, CH26+, OP12.10+.
border-radius
Property: Test And Result.border-radius { border-radius: 5px; border: 1px solid black; }
<p class="border-radius">Paragraph styled with <code>border-radius: 5px; border: 1px solid black;</code>.</p>
Paragraph styled with border-radius: 5px; border: 1px solid black;
.
Web browser support for the border-radius
property: IE9+, ED12+, FF4+, SF5+, CH4+, OP10.50+.
box-shadow
Property: Test And Result.box-shadow { box-shadow: 5px 5px 5px 5px #777; border: 1px solid black; }
<p class="box-shadow">Paragraph styled with <code>box-shadow: 5px 5px 5px 5px #777; border: 1px solid black;</code>.</p>
Paragraph styled with box-shadow: 5px 5px 5px 5px #777; border: 1px solid black;
.
Web browser support for the box-shadow
property: IE9+, ED12+, FF4+, SF5.1+, CH10+, OP10.50+.
rem
Unit: Test And Resulthtml { font-size: 16px; } .two-rem { font-size: 2rem; }
<p class="two-rem">Paragraph styled with <code>font-size: 2rem</code>. <span class="two-rem">Span styled with <code>font-size: 2rem</code>.</span> Paragraph styled with <code>font-size: 2rem</code>.</p>
Paragraph styled with font-size: 2rem
. Span styled with font-size: 2rem
. Paragraph styled with font-size: 2rem
.
Web browser support for the rem
unit: .
text-shadow
Property: Test And Result.text-shadow { text-shadow: 5px 5px 5px #777; }
<p class="text-shadow">Paragraph styled with <code>text-shadow: 5px 5px 5px #777;</code>.</p>
Paragraph styled with text-shadow: 5px 5px 5px #777;
.
Web browser support for the text-shadow
property: IE10+, ED12+, FF3.5+, SF3.1+, CH2+, OP10+.
vh
Unit: Test And Result.vh { height: 50vh; border: 1px solid black; }
<p class="vh">Paragraph styled with <code>height: 50vh; border: 1px solid black;</code>.</p>
Paragraph styled with height: 50vh; border: 1px solid black;
.
Web browser support for the vh
unit: IE9+, ED12+, FF19+, Not SF5.1.7-, CH19+, OP15+.
vw
Unit: Test And Result.vw { width: 50vw; border: 1px solid black; }
<p class="vw">Paragraph styled with <code>width: 50vw; border: 1px solid black;</code>.</p>
Paragraph styled with width: 50vw; border: 1px solid black;
.
Web browser support for the vw
unit: IE9+, ED12+, FF19+, Not SF5.1.7-, CH19+, OP15+.
Last reviewed/updated: 10 Nov 2017 | Published: 26 Oct 2016 | Status: Active