w3docs logo
Log in

Border Radius

CSS Style

CSS Preview

DEMO 
{
    border:double 15px #1c87c9;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-topright:0px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    -webkit-border-top-left-radius:50px;
    -webkit-border-top-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    border-top-left-radius:50px;
    border-top-right-radius:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}
Do you find this helpful?

Css Maker

Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language. It is an important part of building websites. CSS was developed by the World Wide Web Consortium (W3C). CSS has a lot of properties that create the coolest styles for websites. For developers, time is something precious that cannot be wasted. Instead of writing a CSS code, there are many tools that save time and give the best and right result. We suggest awesome tools that allow creating CSS codes quickly.

Border Radius

The border-radius is used to make rounded corners for the outer border edge of an element. It is a shorthand for the border-top-left-radius, border-top-right-radius, border-bottom-right-radius and border-bottom-left-radius properties which are used for setting the four corners of an element separately.