Yahoo India Web Search

Sign In

Search results

  1. www.w3schools.com › cssref › css3_pr_border-radiusCSS border-radius Property - W3Schools

    Definition and Usage. The border-radius property defines the radius of the element's corners. Tip: This property allows you to add rounded corners to elements! This property can have from one to four values. Here are the rules:

    • yes. Read about animatable Try it
    • object.style.borderRadius="25px" Try it
    • no
    • CSS3

  2. developer.mozilla.org › docs › Webborder-radius - CSS: Cascading Style Sheets | MDN - MDN Web Docs

    Jul 26, 2024 · The border-radius CSS property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners.

  3. css-tricks.com › almanac › propertiesBorder-radius - CSS-Tricks

    Aug 31, 2011 · border-radius is what we call a “shorthand” property. That means it sets the following individual properties in a single declaration: border-top-left-radius. border-top-right-radius. border-bottom-right-radius. border-bottom-left-radius. Logical properties.

  4. www.w3schools.com › css › css3_bordersCSS Rounded Corners - W3Schools

    The CSS border-radius property defines the radius of an element's corners. Tip: This property allows you to add rounded corners to elements! Here are three examples: 1. Rounded corners for an element with a specified background color: Rounded corners! 2. Rounded corners for an element with a border: Rounded corners! 3.

  5. www.programiz.com › css › border-radiusCSS border-radius Property (With Examples) - Programiz

    CSS border-radius property is used to define the round corners for the element's border. For example, h1 { border-radius: 12px; } Here, the border-radius property rounds the border of the h1 element to 12px. CSS border-radius Syntax. The syntax of the border-radius property is as follows, border-radius: value | initial | inherit; Here,

  6. mgearon.com › css › border-radiusCSS border-radius complete property guide | Rounded Corners

    Jul 4, 2020 · The border-radius property can be used to create rounded corners on elements. The value of property can either be in length or percentage units. You can animate the radius as well using a calc () function, percentage or length value.

  7. People also ask

  8. www.codecademy.com › css › bordersCSS | Borders | border-radius - Codecademy

    Feb 27, 2022 · The border-radius property defines rounded corners on an element. It measures the radii for each corner and can have one to four specified values. Syntax. /* Four values */ border-radius: <top-left> <top-right> <bottom-right> <bottom-left>; /* Three values */ border-radius: <top-left> <top-right + bottom-left> <bottom-right>; /* Two values */