OU Courses Banner ADBH Web - Cascading Style Sheets CSS Border Properties
ADBH Web Friday 03 September 2010

Cascading Style Sheets CSS Border Properties

CSS Charts - Border Properties

CSS Charts - Border Properties

Property

Description

Values

Sample Code

border

Specifies the properties for all four borders of an element

border-width
border-style
color

p {border: solid blue}

border-bottom-width

Specifies the width of the bottom border of an element

thin
medium
thick
length

p {border-bottom-width: solid thin red}

border-left-width

Specifies the width of the left border of an element

thin
medium
thick
length

p {border-left-width: solid thin red}

border-right-width

Specifies the width of the right border of an element

thin
medium
thick
length

p {border-right-width: solid thick red}

border-top-width

Specifies the width of the top border of an element

thin
medium
thick
length

p {border-top-width: solid thick red}

border-width

Specifies the width for all four borders of an element from one to four values

thin
medium
thick
length

h1 {border-width: thick thin thin medium}

 

Top of Page

 

 

 

Page built in 0.0004 seconds