krouzek:css

CSS

Vlastnosti

* 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 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 (?)

Display

block, inline, none, inline-block, flex (→ guide to flexbox)

align

  • krouzek/css.txt
  • Poslední úprava: 2021/10/20 15:34
  • autor: admin