Breaking News: Grepper is joining You.com. Read the official announcement!

css border radius horizontal vertical

Amri Zaher answered on October 14, 2022 Popularity 4/10 Helpfulness 7/10

answer css border radius horizontal vertical

css border radius horizontal vertical

Comment

.box1 { border-radius: 10px; }
/* Corners have rounding made from a circle with a radius of 10 pixels. */

.box2 { border-radius: 10px 20px; }
/* Top-left and bottom-right corners have rounding made from a circle with a radius of 10 pixels.
   Top-right and bottom-left corners have rounding made from a circle with a radius of 20 pixels. */

.box3 { border-radius: 10px 20px 30px 40px / 5px 10px 15px 20px; }
/* Top-left corner has rounding made from an ellipse with a horizontal radius of 10 pixels and a vertical radius of 5 pixels.
   Top-right corner has rounding made from an ellipse with a horizontal radius of 20 pixels and a vertical radius of 10 pixels.
   Bottom-right corner has rounding made from an ellipse with a horizontal radius of 30 pixels and a vertical radius of 15 pixels.
   Bottom-left corner has rounding made from an ellipse with a horizontal radius of 40 pixels and a vertical radius of 20 pixels. */

Popularity 4/10 Helpfulness 7/10 Language css

Source: htmldog.com

Tags: border-radius css

Link to this answer
Share Copy Link

Contributed on Oct 14 2022

Amri Zaher

0 Answers Avg Quality 2/10

css border radius horizontal vertical

Contents

More Related Answers

css border radius horizontal vertical

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.