• ADS

 • CSS

 • EXCEL

 • IMAGE-SERVER

 • SCRIPTS

 • SEO

 • WEB-PAGE-LANGUAGES

 • WEB-SERVER

 • WEBSITE-MONITORING-AND-BACKUP

W3.CSS Border Classes

Border Classes

W3.CSS provides the following border classes:

• w3-border Adds borders (top, right, bottom, left) to an element.
• w3-border-top Adds a top border to an element.
• w3-border-right Adds a right border to an element.
• w3-border-bottom Adds a bottom border to an element.
• w3-border-left Adds a left border to an element.
• w3-border-0 Removes all borders.
• w3-border-color Displays the border in a specified color (like red, blue, etc).
• w3-hover-border-color Adds a hoverable border color.
• w3-bottombar Adds a thick bottom border to an element.
• w3-leftbar Adds a thick left border to an element.
• w3-rightbar Adds a thick right border to an element.
• w3-topbar Adds a thick top border to an element.

Rounded Corners

To add rounded corners to border, we add w3-round-size class.

• The classes are: w3-round, w3-round-small, w3-round-large, w3-round-xlarge, w3-round-xxlarge.

Hoverable Borders

The w3-hover-border-color class changes the color of the border on mouse-over.

• See example of borders. View example (7)