Trusted answers to developer questions
Trusted Answers to Developer Questions

Related Tags

css
html
communitycreator

What is the CSS border-top-left-radius property?

Behzad Ahmad

Grokking Modern System Design Interview for Engineers & Managers

Ace your System Design Interview and take your career to the next level. Learn to handle the design of applications like Netflix, Quora, Facebook, Uber, and many more in a 45-min interview. Learn the RESHADED framework for architecting web-scale applications by determining requirements, constraints, and assumptions before diving into a step-by-step design process.

The border-top-left-radius property in CSSCascade Style Sheets is used to set or define the radius of the top left corner of the border.

Syntax


border-top-left-radius: length|percentage [length|percentage]|initial|inherit;

Property values

  • length: Sets or defines the left-corner shape.

  • percentage: Writes the shape of the top left corner in percentage.

  • initial: Sets the value to its default value.

  • inherit: Inherits property from its parent value.

Code

The basic HTMLHyperText Markup Language & CSS code to demonstrate the use of the border-top-left-radius property is below.

Explanation

In this example, we make two boxes.

The corner of one box is round, and the corner of the second box is an elliptical shape.

RELATED TAGS

css
html
communitycreator

Grokking Modern System Design Interview for Engineers & Managers

Ace your System Design Interview and take your career to the next level. Learn to handle the design of applications like Netflix, Quora, Facebook, Uber, and many more in a 45-min interview. Learn the RESHADED framework for architecting web-scale applications by determining requirements, constraints, and assumptions before diving into a step-by-step design process.

Keep Exploring