CSS-opas

CSS-TYYLEIHIN LIITTYVÄÄ KOULUTUSTA VUONNA 2008!

Kurssit saatavilla kautta Suomen. Tule ja varaa oma koulutustapahtumasi heti! IT-koulutuksen asiantuntijasi, Koulutus- ja konsultointipalvelu KK Mediat

CSS-tyylimäärittelyn liittäminen HTML / XHTML-dokumenttiin

Rivinsisäinen tyylimäärittely

Rivinsisäisessä tyylimäärittelyssä yksi tai useampi CSS-tyylisääntö liitetään määrättyyn HTML / XHTML-elementtiin style-attribuutin avulla. Liittäminen tapahtuu syntaksilla:

<elementti style="attribuutti: arvo;">...</elementti>

Esimerkki. Rivinsisäinen tyylimäärittely, jossa korostetun tekstin väriksi määritellään punainen. Lisäksi teksti alleviivataan.

...
<p>Tässä on 
<em style="color:green; text-decoration:underline;">punaista ja alleviivattua</em>
tekstiä tavan kappaletekstin seassa. </p>

Web-sivuston hallinnan kannalta tämä menetelmä CSS-tyylimäärittelyjen hyödyntämiseksi on kaikkein vähiten suositeltu, sillä se hajauttaa ulkoasuihin liittyvät asetukset useisiin eri sijainteihin. Mikäli sivuston ulkasua halutaan muokata kokonaisvaltaisesti, tarkoittaa se että HTML / XHTML-koodista on erikseen etsittävä kaikki style-attribuutin käyttötapaukset ja muutettava ne manuaalisesti.

Yleisimmin rivinsisäisiä tyylimäärittelyjä näkee käytettävän JavaScript (myös DHTML / AJAX) hyödyntävissä ratkaisuissa. Mitään syytä tälle käytökselle ei kuitenkaan ole, sillä dokumentin parsinnan yhteydessä UA-laite liittää kaikki lukemansa tyylit (lähteestä riippumatta) osaksi dokumentin DOM-mallia.

Tutustu artikkelin muihin osiin:
»»» CSS »»»CSS-tyylimäärittelyn liittäminen HTML / XHTML-dokumenttiin
»»» CSS »»»Ulkoinen tyylimäärittely
»»» CSS »»»Upotettu tyylimäärittely
»»» CSS »»»Tuotu tyylimäärittely
»»» CSS »»»Rivinsisäinen tyylimäärittely
»»» CSS »»»Ehdolliset kommentit

CSS-opas

CSS-tyylimäärittelyn liittäminen HTML / XHTML-dokumenttiin

Rivinsisäinen tyylimäärittely

Tallenna tämä sivu kirjanmerkkeihin!