Curriculum

CSS

CSS HOME

0/1

CSS INTRODUCTION

0/1

CSS Syntax

0/1

CSS Selectors

0/1

CSS How To

0/1

CSS Comments

0/1

CSS Colors

0/4

CSS Backgrounds

0/5

CSS Borders

0/6

CSS Margins

0/2

CSS Padding

0/1

CSS Height/Width

0/1

CSS Box Model

0/1

CSS Outline

0/5

CSS Text

0/6

CSS Fonts

0/8

CSS Icons

0/1

CSS Links

0/1

CSS Lists

0/1

CSS Tables

0/5

CSS Display

0/1

CSS Max-width

0/1

CSS Position

0/1

CSS Z-index

0/1

CSS Overflow

0/1

CSS Float

0/3

CSS inline-block

0/1

CSS Align

0/1

CSS Combinators

0/1

CSS Pseudo-classes

0/1

CSS Pseudo-elements

0/1

CSS Opacity

0/1

CSS Navigation Bar

0/3

CSS Dropdowns

0/1

CSS Image Gallery

0/1

CSS Image Sprites

0/1

CSS Attr Selectors

0/1

CSS Forms

0/1

CSS Counters

0/1

CSS Website Layout

0/1

CSS Units

0/1

CSS Specificity

0/1

CSS !important

0/1

CSS Math Functions

0/1

Text lesson

Rounded Borders

The border-radius property is employed to incorporate rounded borders to an element.

Example

p {
border: 2px solid red;
border-radius: 5px;
}

All CSS Border Properties

Property	Description
border	Configures all border properties in a single declaration.
border-bottom	Configures all properties of the bottom border in a single declaration.
border-bottom-color	Specifies the color of the bottom border.
border-bottom-style	Specifies the style of the bottom border.
border-bottom-width	Specifies the bottom border’s width.
border-color	Specifies the color of all four borders.
border-left	Configures all properties of the left border in a single declaration.
border-left-color	Specifies the color of the left border.
border-left-style	Specifies the style of the left border.
border-left-width	Specifies the width of the left border.
border-radius	Configures all four border-*-radius properties to create rounded corners.
border-right	Configures all properties of the right border in a single declaration.
border-right-color	Specifies the color of the right border
border-right-style	Specifies the style of the right border.
border-right-width	Specifies the width of the right border.
border-style	Specifies the style of all four borders.
border-top	Configures all properties of the top border in a single declaration.
border-top-color	Specifies the color of the top border.
border-top-style	Specifies the style of the top border.
border-top-width	Specifies the width of the top border.
border-width	Specifies the width of all four borders.