Obsah

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

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