Výuka CSS

Přechody Pozice Z-index Border Třídy

Border

Popis

border-width: Určuje šířku okraje. Může být definována v různých jednotkách, jako jsou pixely (px), em, rem, nebo může být použita některá z předdefinovaných hodnot jako thin, medium nebo thick.

border-color: Určuje barvu okraje. Barva může být definována pomocí názvů barev, hexadecimálních kódů, RGB nebo HSL hodnot

ale zde bychom si ukázali jen border-style, který určuje styl okraje.

Dotted

Toto je dotted border.

Zápis v CSS:

.dotted{
border: 5px dotted rgb(106, 60, 106); }

Dashed

Toto je dashed border.

Zápis v CSS:

.dashed{
border: 5px dashed rgb(106, 60, 106); }

Solid

Toto je solid border.

Zápis v CSS:

.solid{
border: 5px solid rgb(106, 60, 106); }

Double

Toto je double border.

Zápis v CSS:

.double{
border: 5px double rgb(106, 60, 106); }

Groove

Toto je groove border.

Zápis v CSS:

.groove{
border: 5px groove rgb(106, 60, 106); }

Ridge

Toto je ridge border.

Zápis v CSS:

.ridge{
border: 5px ridge rgb(106, 60, 106); }

Inset

Toto je inset border.

Zápis v CSS:

.inset{
border: 5px inset rgb(106, 60, 106); }

Outset

Toto je outset border.

Zápis v CSS:

.outset{
border: 5px outset rgb(106, 60, 106); }

None

Toto je none border.

Zápis v CSS:

.none{
border: 5px none rgb(106, 60, 106); }

Hidden

Toto je hidden border.

Zápis v CSS:

.hidden{
border: 5px hidden rgb(106, 60, 106); }