Přehled příkazú CSS 1 - časopis Zaklínač

Sobota, 31 červenec 2010

Hlavní nabídka
Úvodní stránka Rejstřík časopisu Všechny články Ke stažení ------------------------ Portfolio www stránek Demo e-shop ------------------------ Galerie obrázkú Kniha návštěv Napište nám Doporučte mne

Rubriky časopisu

ICQ
vitakappa

Stálé články
Použitá čeština a písmo Nesouhlasíte se mnou?

Hledat

Přehled příkazú CSS 1

Tisk

Poslat

Kaskádové styly - CSS 1
Napsal Víťa
Úterý, 29 srpen 2006
Currently 3.22/5 1 2 3 4 5 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: 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 ] ]. \| svislá čára odděluje volitelné možnosti, musí se použít alespoň jedna hodnota. \|\| dvojitá svislá čára znamená, že buď jedna nebo druhá nebo obě hodnoty se musí použít v libovolném pořadí. [ ] hranaté závorky označují skupinu. * 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. + 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. ? otazník říká, že předchozí slovo, typ nebo skupina je nepovinné; nemusí být použito. {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ů Poslat
Aktualizováno ( Neděle, 13 leden 2008 )

< Předch.

* * *

© 2010 časopis Zaklínač

Joomla! is Free Software released under the GNU/GPL License.