Style Sheets Web
CSS tips & tricks

Ky dokument është një përkthim i "CSS Tips & Tricks." Përkthimi nuk është një përkthim i normative dhe mund të përmbajë gabime e përkthimit. Rishikimi i statusit të vetëm në anglisht në dokument http://www.w3.org/Style/Examples/007/shadows.html W3C është e mbrojtur nga copyright.

Hijet Drop

CSS2 nuk ka një pronë për të shtuar një hije në një kuti. Ju mund të provoni të shtoni një kufi të drejtë dhe në fund, por ajo nuk do të duket e drejtë. Megjithatë, në qoftë se ju keni dy elementet e mbivendosur, ju mund të përdorni një e jashtme si një hije për një brendshme. Për shembull, nëse ju keni një tekst si ky (HTML):

<div class=back>
  <div class=section>
    <h2> Die duftet Rose - empfindet doch ob sie </ h2>
    <address> Heinrich Heine (1797-1856) </ address>

    <p> Die duftet Rose - empfindet doch ob sie <br>
    ...
  </ div>
</ div>

Ju mund të përdorni DIV e jashtme si një hije për një brendshme. Rezultati mund të duket si kjo faqe më vete. Së pari, t'i japë TRUPI një sfond (dritë jeshile në këtë shembull), DIV e jashtme një sfond disi errët (gjelbër-gri) dhe DIV brendshme sfond tjetër (p.sh., verdhë-bardhë):

body (background: # 9db)
div.back (background: # 576)
div.section (background: # ffd)

Tjetër, duke përdorur kufijtë dhe mbushje, ju kompensuar DIV brendshme pak për të majtë dhe deri nga DIV e jashtme:

div.back (padding: 1.5em)
div.section (margin: 3em 0-0-3em)

Ju gjithashtu duhet të lëvizë DIV e jashtme pak të drejtë. Dhe nëse keni seksione të shumëfishta, ju ndoshta dëshironi një hapësirë në mes tyre, too:

div.back (margin: 3em 0 3em 5em)

Kjo është në thelb ajo. Ju mund të shtoni një kufi rreth DIV brendshëm në qoftë se ju dëshironi. Ju ndoshta do të duan gjithashtu disa mbushje brenda tij, p.sh.:

div.section (border: hollë solid # 999; padding: 1.5em)

Sigurisht, ju mund të ndryshojnë madhësinë e hije për shijen tuaj.

Hijet Tekst

CSS ka një pronë për të shtuar një hije të tekstit. Ajo ka katër argumente: ngjyra e hije, horizontale kompensuar (mjete pozitive për të djathtë), vertikal kompensuar (nënkupton pozitiv poshtë) dhe turbullira (0 do të thotë një hije të mprehtë). Për shembull:

h3 (text-shadow: kuqe 0.2em 0.3em 0.2em)