* color
= barva textu, rámečů, atp.
* background-color
Možné použít pojmenované barvy (anglicky), hexa zápis, rgb, rgba
p { color: black; background-color: #ffaaaa; } h1, h2 { color: rgb(0,50,50); background-color: rgba(200, 255, 255, 0.5); }
* border-color
- samostatné nastavení barvy rámečku
input[type=button] { border-color:red; }
border
- dohromady za sebou vlastnosti
border-width
- (šířka) - např 5px
nebo 1em
border-style
- (styl) - solid
, dashed
, none
…border-color
- (barva) - red
, #ff0000
, viz barvyDohromady zapsáno
p { border: 1px solid black; }
Lze adresovat zvlášť right
, bottom
, left
, top
border:
p {border-left: 1em solid green;}
nebo specifické: border-bottom-color: pink
(?)
block
, inline
, none
, inline-block
, flex
(→ guide to flexbox)
align