vi CSS zsebkönyv Alapvetõ képi elrendezés Tömbszerû elrendezés Szövegközi elrendezés

Átírás

1 Tartalomjegyzék CSS zsebkönyv A könyvben használt jelölések Dõlt betû Írógépbetû Stílusok felvétele a HTML és XHTML lapokra Szövegközi stílusok Beágyazott stíluslapok Külsõ stíluslapok utasítás A link elem Az xml-stylesheet feldolgozási utasítás A stílusok felépítése A stílusok rangsora Szûkítés Öröklés A rangsor Az elemek osztályozása Maradó elemek Lecserélt elemek Elemmegjelenítési módok Tömbszerû elemek Szövegközi elemek

2 vi CSS zsebkönyv Alapvetõ képi elrendezés Tömbszerû elrendezés Szövegközi elrendezés Jelöletlen szöveg Em-mezõ Tartalomterület Sortávolság Szövegközi mezõ Sormezõ Úsztatási szabályok Helyzetmegadási szabályok A helyzetmegadás fajtái Statikus helyzetmegadás Relatív helyzetmegadás Független helyzetmegadás Rögzített helyzetmegadás A tárolótömb A független helyzetmegadású elemek elrendezése Méretre zsugorítás Statikus helyzet Maradó, független helyzetmegadású elemek elrendezése vízszintesen Maradó, független helyzetmegadású elemek elrendezése függõlegesen Lecserélt, független helyzetmegadású elemek elrendezése vízszintesen Lecserélt, független helyzetmegadású elemek elrendezése függõlegesen Táblázatos elrendezés A táblázatos elrendezés szabályai Rögzített elrendezésû táblázatok Automatikus elrendezésû táblázatok A cellaszegélyek összevonása Szegélyek összevonása

3 Tartalomjegyzék vii Függõleges igazítás a cellán belül Kulcsszavak Színértékek #RRGGBB #RGB rgb (rrr.rr%, ggg.gg%, bbb.bb%) rgb(rrr, ggg, bbb) <kulcsszó> Számértékek Százalékértékek Hosszértékek Független hosszmértékegységek Hüvelyk (in) Centiméter (cm) Milliméter (mm) Pont (pt) Pica (pc) Relatív hosszmértékegységek em-magasság (em) x-magasság (ex) Képpont (px) URL címek url(<url>) Hanggal kapcsolatos értékek Szögmértékegységek Idõmértékegységek Frekvencia-mértékegységek Kijelölõk Általános kijelölõ Típuskijelölõ Leszármazottkijelölõ Gyermekkijelölõ Szomszédostestvér-kijelölõ Osztálykijelölõ Azonosítókijelölõ

4 viii CSS zsebkönyv Egyszerû jellemzõkijelölõ Pontosjellemzõérték-kijelölõ Részlegesjellemzõérték-kijelölõ Nyelvijellemzõ-kijelölõ Álosztályok és álelemek :active aktív :after utána :before elé :first-child elsõ szintû gyermekelem. 51 :first-letter elsõ betû :first-line elsõ sor :focus fókusz :hover rámutatás egérrel :lang nyelv :link hivatkozás :visited felkeresve Tulajdonságok Látványelemek background háttér background-attachment a háttérkép csatolásának módja.. 56 background-color háttérszín background-image háttérkép background-position a háttérkép helyzete background-repeat a háttérkép ismétlõdési módja border szegély border-bottom alsó szegély border-bottom-color alsó szegélyszín 62 border-bottom-style alsó szegélystílus 63 border-bottom-width alsó szegélyvastagság border-color szegélyszín border-left bal oldali szegély

5 Tartalomjegyzék ix border-left-color bal oldali szegélyszín 65 border-left-style bal oldali szegélystílus 66 border-left-width bal oldali szegélyvastagság border-right jobb oldali szegély border-right-color jobb oldali szegélyszín border-right-style jobb oldali szegélystílus border-right-width jobb oldali szegélyvastagság border-style szegélystílus border-top felsõ szegély border-top-color felsõ szegélyszín border-top-style felsõ szegélystílus.. 72 border-top-width felsõ szegélyvastagság border-width szegélyvastagság bottom alsó szél clear kiürített terület clip vágás color szín content tartalom counter-increment számlálóléptetõ.. 78 counter-reset számláló-visszaállító cursor egérmutató direction írásirány display megjelenítés float úsztatás font betûtípus font-family betûcsalád font-size betûméret font-style betûstílus font-variant betûváltozat font-weight betûvastagság

6 x CSS zsebkönyv height magasság left bal szél letter-spacing betûköz line-height sormagasság list-style listastílus list-style-image listajelként használt kép list-style-position a listajel helye list-style-type a listastílus típusa margin margó margin-bottom alsó margó margin-left bal margó margin-right jobb margó margin-top felsõ margó max-height legnagyobb magasság max-width legnagyobb szélesség min-height legkisebb magasság min-width legkisebb szélesség outline körvonal outline-color a körvonal színe outline-style a körvonal stílusa outline-width a körvonal vastagsága 102 overflow túlnyúlás padding belsõ margó padding-bottom alsó belsõ margó padding-left bal belsõ margó padding-right jobb belsõ margó padding-top felsõ belsõ margó position helyzet quotes idézõjelek right jobb szél text-align szövegigazítás text-decoration szövegdíszítés text-indent szövegbehúzás text-transform szövegátalakítás

7 Tartalomjegyzék xi top felsõ szél unicode-bidi Unicode kettõs írásirány 114 vertical-align függõleges igazítás visibility láthatóság white-space üreshelyek width szélesség word-spacing szóköz z-index z-index Táblázatok border-collapse szegélyösszevonás. 119 border-spacing szegélytávolság caption-side a táblázatcím helye empty-cells üres cellák table-layout a táblázat elrendezése. 122 Többoldalas dokumentumok orphans árvasorok page-break-after utána oldaltörés page-break-before elõtte oldaltörés. 124 page-break-inside oldaltörés benne. 124 widows fattyúsorok A CSS2.1-bõl kimaradt tulajdonságok 126 Látványelemek font-size-adjust betûméret-beállítás. 126 font-stretch betûszélesség marker-offset a listajel eltolása text-shadow betûárnyékolás Többoldalas dokumentumok marks passzerkeresztek page lapméret size oldalbeállítás Hanggal kapcsolatos elemek azimuth irány cue hangbeszúrás cue-after hangbeszúrás utána

8 xii CSS zsebkönyv cue-before hangbeszúrás elé elevation magasság pause szünet pause-after szünet utána pause-before szünet elõtte pitch hangmagasság pitch-range hangmagasság-tartomány play-during közben játszandó háttérhang richness teltség speak felolvasási mód speak-header a fejléc felolvasása speak-numeral a számok kiolvasási módja speak-punctuation a központozási jelek kiolvasási módja speech-rate a beszéd sebessége stress hangsúly voice-family hangcsalád volume hangerõ Tárgymutató