Borders

Borders

In this code we will see some basic properties for borders.

border-width:

border-style: (mandatory)

border-color:

You can use a SHORTHAND PROPERTY, it's called border. This property has values which order must be respected:
border: width style color

There's also one useful property named border-radius.

If you want you can specify which side of border you want to be different by using border-top, border-right, border-bottom or border-left property (yes there are combinations like left-bottom etc.).

Here are some examples:

You can use div instead of p tag if you want to create different shapes.This is a demonstration how to use borders.

You can use div instead of p tag if you want to create different shapes.This is a demonstration how to use borders.

You can use div instead of p tag if you want to create different shapes.This is a demonstration how to use borders.

You can use div instead of p tag if you want to create different shapes.This is a demonstration how to use borders.

SHORTHAND PROPERTY for background:
background: color image position size repeat origin clip attachment
-> cips roca

Borders Properties