❯
Tutorials References Exercises Certificates Search... Upgrade Get Certified
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY
CSS HOME
CSS Introduction
CSS Syntax
CSS Selectors
CSS How To
CSS Comments
CSS Errors
CSS Colors
CSS Rounded Borders
CSS Backgrounds ❮ Previous Next ❯
CSS Borders
Borders
Border Width
Border Color CSS Rounded Borders
Border Sides
Border Shorthand The border-radius property is used to add rounded borders to an element:
Rounded Borders
CSS Margins Normal border
CSS Padding
CSS Height/Width Round border
CSS Box Model
CSS Outline Rounder border
CSS Text
CSS Fonts
CSS Icons Roundest border
CSS Links
CSS Lists
CSS Tables Example
CSS Display
CSS Max-width p {
CSS Position border: 2px solid red;
CSS Z index border-radius: 5px; ❯
Tutorials References } Exercises Certificates Upgrade Get Certified
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY
CSS HOME Try it Yourself »
CSS Introduction
CSS Syntax
CSS Selectors
CSS How To
CSS Comments
More Examples
CSS Errors
All the top border properties in one declaration
CSS Colors
This example demonstrates a shorthand property for setting all of the properties for the top border in one
CSS Backgrounds declaration.
CSS Borders
Borders Set the style of the bottom border
COLOR
Border Width This example demonstrates how to set the style of the bottom border. PICKER
Border Color
Border Sides Set the width of the left border
Border Shorthand This example demonstrates how to set the width of the left border.
Rounded Borders
Set the color of the four borders
CSS Margins This example demonstrates how to set the color of the four borders. It can have from one to four colors.
CSS Padding
CSS Height/Width
Set the color of the right border
CSS Box Model This example demonstrates how to set the color of the right border.
CSS Outline
CSS Text
CSS Fonts
?
CSS Icons
CSS Links
Exercise
CSS Lists Drag and drop the correct property and value to create an element with
CSS Tables rounded corners.
CSS Display
CSS Max-width
CSS Position
CSS Z index ❯
Tutorials References p {
Exercises Certificates
border: 2px solid red;
Upgrade Get Certified
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP :HOW TO W3.CSS C ; C++ C# BOOTSTRAP REACT MYSQL JQUERY
CSS HOME
CSS Introduction }
CSS Syntax
CSS Selectors 5px border-style border-radius round
CSS How To border-round
CSS Comments
CSS Errors
CSS Colors Submit Answer »
CSS Backgrounds
CSS Borders
Borders
Border Width
Border Color
Border Sides
All CSS Border Properties
Border Shorthand
Rounded Borders Property Description
CSS Margins border Sets all the border properties in one declaration
CSS Padding
CSS Height/Width border-bottom Sets all the bottom border properties in one declaration
CSS Box Model
CSS Outline
border-bottom-color Sets the color of the bottom border
CSS Text border-bottom-style Sets the style of the bottom border
CSS Fonts
CSS Icons border-bottom-width Sets the width of the bottom border
CSS Links
border-color Sets the color of the four borders
CSS Lists
CSS Tables border-left Sets all the left border properties in one declaration
CSS Display
CSS Max-width border-left-color Sets the color of the left border
CSS Position
CSS Z index ❯
Tutorials References
border-left-style
Exercises
Sets the style of the left border
Certificates Upgrade Get Certified
border-left-width Sets the width of the left border
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY
CSS HOME
border-radius Sets all the four border-*-radius properties for rounded corners
CSS Introduction
CSS Syntax border-right Sets all the right border properties in one declaration
CSS Selectors
CSS How To border-right-color Sets the color of the right border
CSS Comments
border-right-style Sets the style of the right border
CSS Errors
CSS Colors border-right-width Sets the width of the right border
CSS Backgrounds
border-style Sets the style of the four borders
CSS Borders
Borders border-top Sets all the top border properties in one declaration
Border Width
Border Color border-top-color Sets the color of the top border
Border Sides
border-top-style Sets the style of the top border
Border Shorthand
Rounded Borders border-top-width Sets the width of the top border
CSS Margins
CSS Padding border-width Sets the width of the four borders
CSS Height/Width
CSS Box Model
CSS Outline ❮ Previous Next ❯
CSS Text
CSS Fonts
CSS Icons
CSS Links
CSS Lists
CSS Tables
CSS Display
CSS Max-width
CSS Position
CSS Z index ❯
Tutorials References Exercises Certificates Upgrade Get Certified
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY
CSS HOME
CSS Introduction
PLUS SPACES GET CERTIFIED FOR TEACHERS
CSS Syntax
CSS Selectors
CSS How To FOR BUSINESS CONTACT US
CSS Comments
CSS Errors
CSS Colors TopTutorials Top References Top Examples
CSS Backgrounds Tutorial
HTML HTML Reference HTML Examples
CSS Borders CSS Tutorial CSS Reference CSS Examples
JavaScript Tutorial JavaScript Reference JavaScript Examples
Borders How To Tutorial SQL Reference How To Examples
SQL Tutorial Python Reference SQL Examples
Border Width Python Tutorial W3.CSS Reference Python Examples
Border Color W3.CSS Tutorial Bootstrap Reference W3.CSS Examples
Bootstrap Tutorial PHP Reference Bootstrap Examples
Border Sides PHP Tutorial HTML Colors PHP Examples
Java Tutorial Java Reference Java Examples
Border Shorthand C++ Tutorial Angular Reference XML Examples
jQuery Tutorial jQuery Reference jQuery Examples
Rounded Borders
CSS Margins Get Certified
CSS Padding HTML Certificate
CSS Certificate
CSS Height/Width JavaScript Certificate
CSS Box Model Front End Certificate
SQL Certificate
CSS Outline Python
Certificate
PHP Certificate
CSS Text Certificate
jQuery
CSS Fonts Java Certificate
Certificate
C++
CSS Icons C# Certificate
XML Certificate
CSS Links
CSS Lists
CSS Tables
CSS Display FORUM ABOUT ACADEMY
CSS Max-width W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness
CSS Position
of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.
CSS Z index ❯
Tutorials References Exercises Certificates
Copyright 1999-2025 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.
Upgrade Get Certified
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY
CSS HOME
CSS Introduction
CSS Syntax
CSS Selectors
CSS How To
CSS Comments
CSS Errors
CSS Colors
CSS Backgrounds
CSS Borders
Borders
Border Width
Border Color
Border Sides
Border Shorthand
Rounded Borders
CSS Margins
CSS Padding
CSS Height/Width
CSS Box Model
CSS Outline
CSS Text
CSS Fonts
CSS Icons
CSS Links
CSS Lists
CSS Tables
CSS Display
CSS Max-width
CSS Position
