Yahoo India Web Search

Search results

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

   www.w3schools.com › cssref › css3_pr_border-radius

   • Cached

   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.

2. developer.mozilla.org › en-US › docsborder-radius - CSS: Cascading Style Sheets | MDN - MDN Web Docs

   developer.mozilla.org › en-US › docs

   • Cached

   Feb 21, 2023 · 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. www.w3schools.com › css › css3_bordersCSS Rounded Corners - W3Schools

   www.w3schools.com › css › css3_borders

   • Cached

   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.

4. css-tricks.com › almanac › propertiesBorder-radius | CSS-Tricks

   css-tricks.com › almanac › properties

   • Cached

   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.

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

   www.programiz.com › css › border-radius

   • Cached

   CSS border-radius property is used to define the rounded corners for the element’s border. In this tutorial, you will learn about CSS border-radius with the help of examples.

6. www.cssportal.com › css-properties › border-radiusCSS border-radius Property - CSS Portal

   www.cssportal.com › css-properties › border-radius

   • Cached

   Learn about the border-radius CSS Property. View description, syntax, values, examples and browser support for the border-radius CSS Property.

7. www.codecademy.com › resources › docsCSS | Borders | border-radius | Codecademy

   www.codecademy.com › resources › docs

   • Cached

   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 */

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

   mgearon.com › css › border-radius

   • Cached

   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.

9. cssreference.io › property › border-radiusborder-radius - CSS Reference

   cssreference.io › property › border-radius

   • Cached

   border-radius: 20px 50%; If you set two values, the first one is for the top and bottom borders, the second one for the left and right borders. Hello world. Learn how border-radius works in CSS.

10. www.geeksforgeeks.org › css-border-radius-propertyCSS border-radius Property - GeeksforGeeks

    www.geeksforgeeks.org › css-border-radius-property

    • Cached

    Apr 2, 2024 · The border-end-end-radius property in CSS is used to specify the logical border-radius at the block-end border. It is adjustable with the element's writing-mode, direction, and text-orientation. Syntax: border-end-end-radius: length | percentage; Property values: length: This property hold the border radius length in specific unit. percentage: This