CSS príklady

Nastavenie farby pozadia
Nastavi? obrázok na pozadí
Ako necha? opakova? obrázok pozadia
Ako opakova? obrázok pozadia len vertikálne
Ako opakova? obrázok pozadia len horizontálne
Ako zobrazi? obrázok na pozadí len jeden raz
Ako polo?i? obrázok pozadia
Ako umiestni? obrázok pozadia pou?i?ím %
Ako umiestni? obrázok pozadia pou?i?ím pixelov
Fixovaný obrázok pozadia (tento obrázok sa nebude skrolova? s ostatkom stránky)
V?etky background vlastnosti v jednom

Background vlastnosti vysvetlené

Texty

Nastavi? farbu textu
Nastavi? farbu pozadia textu
Ur?i? medzeru medzi znakmi
Ur?i? medzeru medzi riadkami
Zarovna? text
Dekorácie textu
Odsadenie textu
Kontrola písmen v texte
Nastavi? smerovanie textu elementu
Zvä??i? bielu medzeru medzi slovami
Vypnú? zalamovanie textu v elemente

Text vlastnosti vysvetlené

Font

Nastavi? font textu
Nastavi? font odseku, pou?i?ím "caption" hodnoty
Nastavi? ve?kos? fontu
Nastavi? ?týl fontu
Nastavi? ve?kos? fontu, pou?itím font-size-adjust
Nastavi? premenu textu
Nastavi? t???ku textu
V?etky font vlastnosti v jednom

Font vlastnosti vysvetlené/a>

V?etky vlastnosti borderov v jednom
Nastavi? rozli?né bordery pre ka?dú stranu
V?etky vlastnosti vrchného borderu v jednom
V?etky vlastnosti spoedného borderu v jednom
V?etky vlastnosti ?avého borderu v jednom
V?etky vlastnosti pravého borderu v jednom
Nastavi? ?týl ?tyroch borderov
Nastavi? ?týl vrchného borderu
Nastavi? ?týl spodného borderu
Nastavi? ?týl ?avého borderu
Nastavi? ?týl pravého borderu
V?etky vlastnosti ?írky borderu v jednom
Nastavi? ?írku vrchného borderu
Nastavi? ?írku spodného borderu
Nastavi? ?írku ?avého borderu
Nastavi? ?írku pravého borderu
Nastavi? farbu ?tyroch borderov
Nastavi? farbu vrchného borderu
Nastavi? farbu spodného borderu
Nastavi? farbu ?avého borderu
Natavi? farbu pravého borderu

Border valstnosti vysvetlené

Outline

Da? ?iaru okolo elementu, zvonka borderov (outline) (Nefunguje v IE)
Nastavi? ?týl outlinu (Nefunguje v IE)
Nastavi? farbu outlinu (Nefunguje v IE)
Nastavi? ?írku outlinu (Nefunguje v IE)

Outline vlastnosti vysvetlené

Marginy - odstupy

V?etky margin vlastnosti v jednom
Nastavi? vrchný margin textu, pou?i?ím centimetrov
Nastavi? vrchný margin, pou?ítím percent
Nastavi? spodný margin textu, pou?itím centimetrov
Nastavi? spodný margin textu, pou?i?ím percent
Nastavi? ?avý margin textu, pou?itím centimetrov
Nastavi? ?avý margin textu, pou?itím percent
Nastavi? pravý margin textu, pou?itím centimetrov
Nastavi? pravý margin textu, pou?i?ím percent

Margin vlastnosti vysvetlené

Padding

Nastavi? ?avý padding bunky tabu?ky
Nastavi? pravý padding bunky tabu?ky
Nastavi? vrchný padding bunky tabu?ky
Nastavi? spodný padding bunky tabu?ky
V?etky padding vlastnosti v jednom

Padding vlastnosti vysvetlené

Odrá?ky, zoznamy

Odli?né zna?ky odrá?ok v unordered liste - ul
Odli?né zna?ky odrá?ok v ordered liste - ol
V?etky typy ?týlov odrá?ok
Natavi? obrázok, ako zna?ku odrá?ky
Polo?i? zna?ku odrá?ky
V?etky vlastnosti odrá?ok v jednom

Odrá?ky vysvetlené

Tabu?ky

Nastavi? vzh?ad tabu?ky
Ukáza? prázdne bunky tabu?ky
Spoji? bordery tabu?ky
Nastavi? medzeru medzi okrajmi tabu?ky
Nastavi? pozíciu titulku tabu?ky

Table vlastnosti vysvetlené

Dimenzie

Nastavi? vý?ku obrázku, pou?i?ím hodnoty pixel
Nastavi? vý?ku obrázku, pou?i?ím percent
Nastavi? ?írku obrázku elementu, pou?i?ím hodnoty pixelov
Nastavi? ?írku elementu, pou?i?ím percent
Nastavi? maximálnu vý?ku elementu
Nastavi? amximálnu ?írku elementu, pou?i?ím pixelov
Nastavi? maximálnu ?írku elementu, pou?i?ím percent
Nastavi? minimálnu vý?ku elementu
Nastavi? minimálnu ?írku elementu, pou?i?ím hodnoty v pixeloch
Nastavi? minimálnu ?írku elementu, pou?itím percent
Ur?i? emdzeru medzi riadkamy, pou?i?ím percent
Ur?i? medzeru medzi riadkami, pou?i?ím pixel hodnoty
Ur?i? medzeru medzi riadkami, pou?itím ?íselnej hodnoty

Dimenzie vlastnosti vysvetlené

Zatrie?ovanie

Ako zobrazi? element, ako inline element
Ako zobrazi? element, ako block element
Jednoduché pou?itie float vlastnosti
Obrázok s okrajom a marginom, ktorý pláva doprava v odstavci
Obrázok s titulkom, ktorý pláva doprava
Necha? prvé písmeno odstavca pláva? do?ava
Vytváranie horizontal menu
Vytváranie homepage bez tabuliek
Umiestni? element relatívne k jeho normálnej pozícií
Umiestni? element s absolútnou hodnotou
Umiestni? element relatívne k oknu prehliada?a
Ako urobi? element nevidite?ným
Ako urobi? table element spojeným
Zmeni? kurzor
Vy?isti? strany elementu

Classification vlastnosti vysvetlené

Umiest?ovanie

Umiestni? element relatívne k jeho normálnej pozícií
Umietsni? element s absolútnou hodnotou
Nastavi? tvar elementu
Ako ukáza? prete?enie v elemente, pou?itím scroll
Ako skova? prete?enie v elemente
Ako nastavi?, aby browser automaticky o?etril prete?enie
Vertikálne zarovnanie obrázku
Polo?i? element "za" iný element
Polo?i? element "za" iný element
Nastavi? vrchný okraj obrázka, pou?i?ím pixelov
Nastavi? vrhcný okraj obrázka, pou?i?ím percent
Nastavi? spodný okraj obrázka, pou?i?ím pixelov
Nastavi? spodný okraj obrázka, pou?i?ím percent
Nastavi? ?avý okraj obrázka, pou?itím pixelov
Nastavi? ?avý okraj obrázka, pou?i?ím percent
Nastavi? pravý okraj obrázka, pou?i?ím pixelov
Nastavi? pravý okraj obrázka, pou?i?ím percent

Positioning vlastnosti vysvetlené

Pseudo-triedy

Prida? odli?né farby na odkaz
Prida? iné ?tyýly na odkaz
Hyperlink: pou?itie :focus (nefunguje v IE)
:first-child - zmeni? prvé "die?a" v <p> (pre IE <!DOCTYPE> musí by? uvedený)
:first-child - zmeni? prvé "die?a" <em> vo v?etkých <p> elementoch (pre IE <!DOCTYPE> musí by?uvedené)
:first-child - zmeni? v?etky <em> elementy v prvom "die?ati" <p> elementu (pre IE <!DOCTYPE> musí by? uvedené)
:lang (nefunguje v IE)

Pseudo-triedy vysvetlené

Pseudo-elements

Urobi? prvé písmenko ?peciálne v texte
Urobi? prvý riadok ?peciálne v texte
Urobi? prvé písmeno a prvý riadok ?peciálne
Pou?i? :before na vlo?enie nejakého obsahu pred element (Nefunguje v IE)
Pou?i? :after na vlo?enie nejakého obsahu za element (Nefunguje v IE)

Pseudo-elementy vysvetlené