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

   Learn how to use the CSS border-radius property to add rounded corners to elements. See examples, syntax, browser support, and related pages.

   • Animatable: yes. Read about animatable Try it
   • JavaScript syntax: object .style.borderRadius="25px" Try it

   • Inherited: no
   • Version: CSS3

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

   developer.mozilla.org › docs › Web

   • 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. css-tricks.com › almanac › propertiesborder-radius | CSS-Tricks - CSS-Tricks

   css-tricks.com › almanac › properties

   • Cached

   Aug 31, 2011 · Learn how to use border-radius to give any element rounded corners with CSS. See syntax, values, examples, browser support, and gotchas for this shorthand property.

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

   www.w3schools.com › css › css3_borders

   • Cached

   Learn how to use the CSS border-radius property to give any element rounded corners. See examples, syntax, values, and exercises on W3Schools.

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

   www.programiz.com › css › border-radius

   • Cached

   Learn how to use CSS border-radius property to create rounded corners for the element's border. See examples of different values, shapes, and shorthand syntax for border-radius.

6. devdoc.net › docs › CSSborder-radius - CSS | MDN

   devdoc.net › docs › CSS

   • Cached

   Apr 12, 2017 · The border-radius CSS property allows Web authors to define how rounded border corners are. The curve of each corner is defined using one or two radii, defining its shape: circle or ellipse. /* The syntax of the first radius allows one to four values */ . /* Radius is set for all 4 sides */ border-radius: 10px;

7. People also ask

   What is the CSS border-radius property?

   • 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.

   CSS Rounded Corners - W3Schools

   www.w3schools.com/css/css3_borders.asp

   See all results for this question

   How to give rounded corners in CSS?

   • You can give any element “rounded corners” by applying a border-radius through CSS. You’ll only notice if there is a color change involved. For instance, if the element has a background-color or border that is different than the element it’s above. border-radius is what we call a “shorthand” property.

   border-radius | CSS-Tricks - CSS-Tricks

   css-tricks.com/almanac/properties/b/border-radius/

   See all results for this question

   What is a border radius in CSS?

   • 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. The radius applies to the whole background, even if the element has no border; the exact position of the clipping is defined by the background-clip property.

   border-radius - CSS: Cascading Style Sheets | MDN - MDN Web Docs

   developer.mozilla.org/en-US/docs/Web/CSS/border-radius

   See all results for this question

   How do I set a border radius?

   • As with writing the padding & margin shorthand, border-radius goes clockwise, from top left, the top right, bottom left and finishing on the bottom right. To set all 4 corners with the same value you need to declare one value:

   CSS border-radius complete property guide | Rounded Corners

   mgearon.com/css/border-radius/

   See all results for this question

   What is a rounded border in CSS?

   • Since Gecko 49.0 (Firefox 49.0 / Thunderbird 49.0 / SeaMonkey 2.46) the preference defaults to true. The border-radius CSS property allows Web authors to define how rounded border corners are. The curve of each corner is defined using one or two radii, defining its shape: circle or ellipse.

   border-radius - CSS | MDN

   devdoc.net/web/developer.mozilla.org/en-US/docs/CSS/-moz-border-radius.html

   See all results for this question

   How do I set a border radius in AutoCAD?

   • The border-radius property is specified as: one, two, three, or four or values. This is used to set a single radius for the corners. followed optionally by "/" and one, two, three, or four or values. This is used to set an additional radius, so you can have elliptical corners.

   border-radius - CSS: Cascading Style Sheets | MDN - MDN Web Docs

   developer.mozilla.org/en-US/docs/Web/CSS/border-radius

   See all results for this question

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

   mgearon.com › css › border-radius

   • Cached

   Jul 4, 2020 · Learn how to use the border-radius property to create rounded corners on elements with different values, units and clipping options. See examples, browser support and a generator tool.