Seznam CSS vlastností

CSS vlastnosti pro písmo:

CSS vlastnostCSS hodnotaVýznamPříklad
font-familyArialNastav font písma na Arial.font-family: Arial;
font-size15pxNastav velikost fontu na 15 pixelů.font-size: 15px;
font-stylenormal | italicNastav styl písma: normální | kurzívafont-style: italic;
font-weightnormal | boldNastav tloušťku písma: normální | tučnéfont-weight: bold;
text-alignleft | right | center | justifyZarovnání textu: vlevo |  vpravo  | na střed  | do blokutext-align: left;
text-transformnone | capitalize | uppercase | lowercaseTransformování textu: žádné |  kapitálky | velká písmena  | malá písmenatext-transform: uppercase;
text-decorationnone | underline | overline | line-throughZarovnání textu: žádné |  čára pod textem | čára nad textem | přeškrtnutítext-decoration: line-through;

CSS vlastnosti pro barvy:

CSS vlastnostCSS hodnotaVýznamPříklad
colorblackNastav černou barvu.color: black;
background-colorblueNastav modré pozadí.background-color: blue;
border-colorredNastav červený rámeček.border-color: red;

CSS vlastnosti pro boxy = např. značka div (oddíl na stránce), značka p (odstavec s textem)

CSS vlastnostCSS hodnotaVýznamPříklad
width100px nebo 100%Nastav šířku boxu na 100 pixelů (nebo na 100%).width: 100px; 
nebo
width: 100%;
height50px nebo 50%Nastav výšku boxu na 50 pixelů (nebo na 50%).height: 50px;
nebo
height: 50%;
margin10pxNastav vnější okraj na 10 pixelů.margin: 10px;
padding5pxNastav vnitřní okraj na 5 pixelů.padding: 5px;
border5px solid redNastav rámeček na 5px široký, plnou čarou a červenou barvou.border: 5px solid red;
displayblock | inline  
Zobrazení:
blokové  |  řádkové
display: block;
floatleft  | rightObtékání: 
zleva | zprava
float: left;

Join our Mailing list!

Get all latest news, exclusive deals and academy updates.