CSS
Vlastnosti
Barvy
* 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; }
Rámečky
border
- dohromady za sebou vlastnosti
border-width
- (šířka) - např5px
nebo1em
border-style
- (styl) -solid
,dashed
,none
…border-color
- (barva) -red
,#ff0000
, viz barvy
Dohromady 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
(?)
Pozicování
Display
block
, inline
, none
, inline-block
, flex
(→ guide to flexbox)
align