Sobota, 31 červenec 2010
Hlavní nabídka
Rubriky časopisu
ICQ
vitakappa
Stálé články
Hledat

Přehled příkazú CSS 1 Tisk Poslat
Kaskádové styly - CSS 1
Napsal Víťa   
Úterý, 29 srpen 2006

Hodnocení 3.2/5 (9 hlasů)

Referenční seznam příkazú

Každý příkaz (vlastnost) jazyka CSS 1 má řadu parametrú, jenž určují, co vše se dá tímto příkazem nastavit. V tomto článku budou vypsány všechny příkazy CSS 1 a jejich parametry ve zhuštěném formátu, abyste si tento přehled mohli vytisknout a mít jej neustále při ruce.

Zpúsob zápisu hodnot vlastností

Příslušné platné a povolené hodnoty pro každou vlastnost jsou zapsány s následující syntaxí:

Jméno vlastnosti
Hodnota: N | NW | NE
Hodnota: [<velikost> | thick | thin] {1,4}
Hodnota: [<family-name>, ]* <family-name>]
Hodnota: <url>? <barva> [/ <barva>]?
Hodnota: <url> || <barva>

Všechna slova jsou napsána znakově (ASCII), stejně tak zpětné lomítko / a čárka , jsou vypsány znakově (čárka a zpětné lomítko patří do zápisu vlastností CSS a musí se v zápisu použít). Jednotlivé řádky ukazují rúzné zpúsoby zápisu hodnot. Slova mezi < a > udávají typ hodnoty, nejběžnější jsou délka, procenta, url, číslo a barva.

Určité znaky, použité při výpisu hodnot, mají speciální význam:

  1. A B stojící vedle sebe (juxtapozice) znamenají, že obě hodnoty se musí použít, v danném pořadí. Postavení vedle sebe je silnější než dvojitá svislá čára || a ta je zase silnější než jenom jedna svislá čára |. Takže A B | C || D E je rovno [ A B ] | [ C || [ D E ] ].
  2. | svislá čára odděluje volitelné možnosti, musí se použít alespoň jedna hodnota.
  3. || dvojitá svislá čára znamená, že buď jedna nebo druhá nebo obě hodnoty se musí použít v libovolném pořadí.
  4. [ ] hranaté závorky označují skupinu.
  5. * hvězdička říká, že předcházející skupina, slovo nebo typ mohou být opakovány libovolně, nejméně 0-krát; toto slovo, typ nebo skupina tedy nemusí být použito.
  6. + plus říká, že předcházející skupina, slovo nebo typ mohou být opakovány libovolně, nejméně 1-krát; toto slovo, typ nebo skupina tedy musí být použito.
  7. ? otazník říká, že předchozí slovo, typ nebo skupina je nepovinné; nemusí být použito.
  8. {A,B} složené závorky s čísly udávají, že slovo, typ nebo skupina se opakují nejméně A-krát a nejvíce B-krát; musí být použito.

    Další řádky v popisu vlastností a jejich hodnot jsou: použití, dědičnost, záporné hodnoty a počáteční (implicitní) hodnota.
    Použití - pro jaké prvky lze tuto vlastnost použít, použití pro jiné vlastnosti nemá vliv.
    Dědičnost - některé vlastnosti se dědí a některé ne.
    Záporné hodnoty jsou povoleny pouze pro některé vlastnosti.
    Implicitní hodnota je hodnota, kterou použije prohlížeč jako výchozí. Pokud tedy nějaké hodnota není určena, prohlížeč použije tuto defaultní hodnotu.

    Přehled příkazú

    font-family
    Hodnoty: [[<řez písma> | <rodina písma>],]* [<řez písma> | <rodina písma>]
    Počáteční: určuje prohlížeč
    Použití: všechny prvky
    Dědičnost: ano
    Procenta: ne
    Záporné: ne

    font-style
    HODNOTA: normal | italic | oblique
    Počáteční: normal
    Použití: všechny prvky
    Dědičnost: ano
    Procenta: ne
    Záporné: ne

    font-variant
    Hodnota: normal | small-caps
    Počáteční: normal
    Použití: všechny prvky
    Dědičnost: ano
    Procenta: ne
    Záporné: ne

    font-weight
    Hodnota: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
    Počáteční: normal
    Použití: všechny prvky
    Dědičnost: ano
    Procenta: ne
    Záporné: ne

    font-size
    Hodnota: <absolutní velikost> | <relativní velikost> | <délka> | <procenta>
    Absolutní velikost: xx-small | x-small | small | medium | large | x-large | xx-large
    Relativní velikost: larger | smaller
    Počáteční: medium
    Použití: všechny prvky
    Dědičnost: ano
    Procenta: relativně k velikosti rodiče
    Záporné: ne

    font
    Hodnota: [ <font-style> || <font-variant> || <font-weight> ]? <font-size> [ / <line-height> ]? <font-family>
    Počáteční: není
    Použití: všechny prvky
    Dědičnost: ano
    Procenta: pouze pro font-size a line height
    Záporné: ne

    color
    Hodnota: <barva>
    Počáteční: určuje prohlížeč
    Použití: všechny prvky
    Dědičnost: ano
    Procenta: ne
    Záporné: ne

    background-color
    Hodnota: <barva> | transparent
    Počáteční: transparent
    Použití: všechny prvky
    Dědičnost: ano
    Procenta: ne
    Záporné: ne

    background-image
    Hodnota: <url> | none
    Počáteční: none
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: ne
    Záporné: ne

    background-repeat
    Hodnota: repeat | repeat-x | repeat-y | no-repeat
    Počáteční: repeat
    Použití: všechny prvky
    Dedičnost: ne
    Procenta: ne
    Záporné: ne

    background-attachment
    Hodnota: scroll | fixed
    Počáteční: scroll
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: ne
    Záporné: ne

    background-position
    Hodnota: [% | <délka>] {1,2} | [top | center | bottom] || [left | center | right]
    Počáteční: 0% 0%
    Použití: blokové a nahrazované prvky
    Dědičnost: ne
    Procenta: vztaženě k velikosti samotného prvku, určují relativní posunutí obrazu
    Záporné: ano

    background
    Hodnota: <background-color> || <background-image> || <background-repeat> || <background-attachment> || <background-position>
    Počáteční: ne
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: pouze pro <background-position>
    Záporné: ne

    letter-spacing
    Hodnota: normal | <délka>
    Počáteční: normal
    Použití: všechny prvky
    Dědičnost: ano
    Procenta: ne
    Záporné: ano

    word-spacing
    Hodnota: normal | <délka>
    Počáteční: normal
    Použití: všechny prvky
    Dědičnost: ano
    Procenta: ne
    Záporné: ano

    text-indent
    Hodnota: <délka> | %
    Počáteční: 0
    Použití: blokové prvky
    Dědičnost: ano
    Procenta: vztaženě k šířce rodiče
    Záporné: ano

    text-align
    Hodnota: left | right | center | justify
    Počáteční: určuje prohlížeč
    Použití: blokové prvky
    Dědičnost: ano
    Procenta: ne
    Záporné: ne

    vertical-align
    Hodnota: baseline | middle | text-top | text-bottom | sub | super | top | bottom | %
    Počáteční: baseline
    Použití: řádkové prvky
    Dědičnost: ne
    Procenta: vztaženě k výšce řádky samotného prvku
    Záporné: ano

    line-height
    Hodnota: normal | <číslo> | <délka> | %
    Počáteční: normal
    Použití: všechny prvky
    Dědičnost: ano
    Procenta: vztaženě k velikosti písma prvku
    Záporné: ne

    text-decoration
    Hodnota: none | [ underline || overline || line-through || blink ]
    Počáteční: none
    Použití: všechny prvky
    Dědičnost: omezeně
    Procenta: ne
    Záporné: ne

    text-transform
    Hodnota: capitalize | uppercase | lowercase | none
    Počáteční: none
    Použití: všechny prvky
    Dědičnost: ano
    Procenta: ne
    Záporné: ne

    margin-top
    Hodnota: <délka> | % | auto
    Počáteční: 0
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: vztaženě k šířce nejbližšího nadřízeného blokového prvku
    Záporné: ano, ale mohou zde být implementačně závislá omezení

    margin-right
    Hodnota: <délka> | % | auto
    Počáteční: 0
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: vztaženě k šířce nejbližšího nadřízeného blokového prvku
    Záporné: ano, ale mohou zde být implementačně závislá omezení

    margin-bottom
    Hodnota: <délka> | % | auto
    Počáteční: 0
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: vztaženě k šířce nejbližšího nadřízeného blokového prvku
    Záporné: ano, ale mohou zde být implementačně závislá omezení

    margin-left
    Hodnota: <délka> | % | auto
    Počáteční: 0
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: vztaženě k šířce nejbližšího nadřízeného blokového prvku
    Záporné: ano, ale mohou zde být implementačně závislá omezení

    margin
    Hodnota: [<délka> | % | auto]{1,4}
    Počáteční: 0
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: vztaženě k šířce nejbližšího nadřízeného blokového prvku
    Záporné: ano, ale mohou zde být implementačně závislá omezení

    border-top-width
    Hodnota: thin | medium | thick | <délka>
    Počáteční: medium
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: ne
    Záporné: ne

    border-right-width
    Hodnota: thin | medium | thick | <délka>
    Počáteční: medium
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: ne
    Záporné: ne

    border-bottom-width
    Hodnota: thin | medium | thick | <délka>
    Počáteční: medium
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: ne
    Záporné: ne

    border-left-width
    Hodnota: thin | medium | thick | <délka>
    Počáteční: medium
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: ne
    Záporné: ne

    border-width
    Hodnota: [thin | medium | thick | <délka>]{1,4}
    Počáteční: ne pro zkrácený zápis
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: ne
    Záporné: ne

    border-color
    Hodnota: <barva> {1,4}
    Počáteční: barva písma
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: ne
    Záporné: ne

    border-style
    Hodnota: [none | dotted | dashed | solid | double | groove | ridge | inset | outset]{1,4}
    Počáteční: none
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: ne
    Záporné: ne

    border-top
    Hodnota: <border-top-width> || <border-style> || <border-color>
    Počáteční: příslušné jednotlivým vlastnostem
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: ne
    Záporné: ne

    border-right
    Hodnota: <border-right-width> || <border-style> || <border-color>
    Počáteční: příslušné jednotlivým vlastnostem
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: ne
    Záporné: ne

    border-bottom
    Hodnota: <border-bottom-width> || <border-style> || <border-color>
    Počáteční: příslušné jednotlivým vlastnostem
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: ne
    Záporné: ne

    border-left
    Hodnota: <border-left-width> || <border-style> || <border-color>
    Počáteční: příslušné jednotlivým vlastnostem
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: ne
    Záporné: ne

    border
    Hodnota: <border-width> || <border-style> || <border-color>
    Počáteční: ne
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: ne
    Záporné: ne

    padding-top
    Hodnota: <délka> | %
    Počáteční: 0
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: vztaženě k nejbližšímu nadřízenému blokovému prvku
    Záporné: ne

    padding-right
    Hodnota: <délka> | %
    Počáteční: 0
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: vztaženě k nejbližšímu nadřízenému blokovému prvku
    Záporné: ne

    padding-bottom
    Hodnota: <délka> | %
    Počáteční: 0
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: vztaženě k nejbližšímu nadřízenému blokovému prvku
    Záporné: ne

    padding-left
    Hodnota: <délka> | %
    Počáteční: 0
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: vztaženě k nejbližšímu nadřízenému blokovému prvku
    Záporné: ne

    padding
    Hodnota: [<délka> | %]{1,4}
    Počáteční: ne pro zkrácený zápis
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: vztaženě k nejbližšímu nadřízenému blokovému prvku
    Záporné: ne

    width
    Hodnota: <délka> | % | auto
    Počáteční: auto
    Použití: blokové a nahražované prvky
    Dědičnost: ne
    Procenta: vztaženě k šířce rodiče
    Záporné: ne

    height
    Hodnota: <délka> | % | auto
    Počáteční: auto
    Použití: blokové a nahražované prvky
    Dědičnost: ne
    Procenta: vztaženě k šířce rodiče
    Záporné: ne

    float
    Hodnota: left | right | none
    Počáteční: none
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: ne
    Záporné: ne

    clear
    Hodnota: none | left | right | both
    Počáteční: none
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: ne
    Záporné: ne

    display
    Hodnota: block | inline | list-item | none
    Počáteční: block
    Použití: všechny prvky
    Dědičnost: ne
    Procenta: ne
    Záporné: ne

    white-space
    Hodnota: normal | pre | nowrap
    Počáteční: normal
    Použití: blokové prvky
    Dědičnost: ano
    Procenta: ne
    Záporné: ne

    list-style-type
    Hodnota: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none
    Počáteční: disc
    Použití: prvky s hodnotou display: list-item, tedy položky seznamu
    Dědičnost: ano
    Procenta: ne
    Záporné: ne

    list-style-image
    Hodnota: <url> | none
    Počáteční: none
    Použití: položky seznamu
    Dědičnost: ano
    Procenta: ne
    Záporné: ne

    list-style-position
    Hodnota: inside | outside
    Počáteční: outside
    Použití: položky seznamu
    Dědičnost: ano
    Procenta: ne
    Záporné: ne

    list-style
    Hodnota: [disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none] || [inside | outside] || [<url> | none]
    Počáteční: ne
    Použití: položky seznamu
    Dědičnost: ano
    Procenta: ne
    Záporné: ne

    * * *
     Žádné komentáře
    Dosud zde není žádný komentář.
    Odeslat komentář
    Email (nebude zveřejněn)
    Jméno
    Titul
    Komentář
     zbývá znaků
    Captcha Image Znovu vytvořit bezpečnostní kód, pokud je nečitelný
Aktualizováno ( Neděle, 13 leden 2008 )
 
< Předch.


* * *
Firefox - webí prohlížeč Thunderbird - správce pošty
© 2010 časopis Zaklínač
Joomla! is Free Software released under the GNU/GPL License.