Elementeille voidaan antaa myös joitakin muita määrityksiä, jotka eivät sopineet muihin aiheisiin. Tässä luvussa käymme läpi näitä määrityksiä.
- Välilyönnit
- White-space attribuutilla voidaan määrittää kuinka dokumentin välilyönnit näytetään.
- Korkeus
- Height-attribuutilla voidaan määrittää elementille korkeus.
- Leveys
- Width-attribuutilla voidaan määrittää elementeille leveys.
- Kelluminen
- Float-attribuutilla voidaan määrittää elementti "kellumaan" joko oikealla, tai vasemmalla.
- Kellumisen mahdollistaminen
- Clear-attribuutilla voidaan määrittää saako elementin vieressä olla float-attribuutillista elementtiä.
- Elementin näyttäminen
- Display-attribuutilla voidaan määrittää kuinka elementti näytetään.
Välilyönnit (white-space)
White-space attribuutilla voidaan määrittää kuinka dokumentin välilyönnit näytetään. Mahdollisia arvoja ovat; normal, pre ja nowrap. Oletuksena käytetään arvoa "normal". Arvolla "normal" näytetään vain yksi välilyönti ja teksti rivitetään tarvittaessa välilyöntien kohdalta. Arvolla "pre" näytetään jokainen välilyönti. Arvolla "nowrap" tekstiä ei rivitetä välilyöntien kohdalta edes tarvittaessa. Attribuutti ei toimi kaikilla selaimilla.
white-space:normal; white-space:pre; white-space:nowrap;
Esimerkkejä
Tässä arvona on normal ja välilyöntejä näytetään vain yksi sanojen välissä.
Tässä arvona on pre ja jokainen välilyönti näytetään.
Korkeus (height)
Height-attribuutilla voidaan määrittää elementille korkeus. Mahdollisina arvoina voidaan käyttää pituuksia ja prosentteja. Arvo "auto" määrittää elementille sen oikean koon, esim. kuvalle arvo "auto" määrittäisi kuvan koon mukaisen koon. Poikkeuksena arvossa "auto"; jos käytetään myös width-attribuuttia, niin auto arvo määräytyy sen mukaan. Height-attribuuttia voidaan käyttää vain lohkotasoisissa elementeissä.
height:arvo;
Esimerkiksi
height:50%; height:200px; height:30em;
Esimerkki
Attribuutilla max-height voidaan määrittää kuinka korkeaä elementti voi korkeintaan olla. Attribuutti ei toimi välttämättä kaikissa selaimissa. Arvoina voidaan käyttää pituuksia ja prosentteja.
max-height:arvo;
Leveys (width)
Width-attribuutilla voidaan määrittää elementeille leveys. Mahdollisina arvoina voidaan käyttää pituuksia ja prosentteja. Arvo "auto" määrittää elementille sen oikean koon, esim. kuvalle arvo "auto" määrittäisi kuvan koon mukaisen koon. Poikkeuksena arvossa "auto"; jos käytetään myös height-attribuuttia, niin auto arvo määräytyy sen mukaan. Width-attribuuttia voidaan käyttää vain lohkotasoisissa elementeissä.
width:arvo;
Esimerkiksi
width:50%; width:200px; width:30em;
Esimerkki
Attribuutilla max-width voidaan määrittää kuinka leveä elementti voi korkeintaan olla. Attribuutti ei toimi välttämättä kaikissa selaimissa. Arvoina voidaan käyttää pituuksia ja prosentteja.
max-width:arvo;
Kelluminen (float)
Float-attribuutilla voidaan määrittää elementti "kellumaan" joko oikealla, tai vasemmalla. Attribuutilla voidaan esimerkiksi laittaa kuva kappaleeseen, jossa kappaleen teksti rivittyy kuvan ympärille. Mahdollisia arvoja ovat left (vasen), right (oikea) ja none (ei mitään).
float:none; float:left; float:right;
Esimerkki
Tähän tekstiä... Tähän tekstiä... Tähän tekstiä...
Tähän tekstiä... Tähän tekstiä... Tähän tekstiä... Tähän tekstiä... Tähän tekstiä... Tähän tekstiä... Tähän tekstiä... Tähän tekstiä... Tähän tekstiä... Tähän tekstiä... Tähän tekstiä... Tähän tekstiä... Tähän tekstiä... Tähän tekstiä... Tähän tekstiä... Tähän tekstiä...
Esimerkissä laitoimme tekstin sekaan kuvan ja sille float-attribuutin arvoksi "left".
Clear
Clear-attribuutilla voidaan määrittää saako elementin vieressä olla float-attribuutillista elementtiä. Mahdollisia arvoja ovat; left, right ja both. Arvo "left" määrittää ettei elementin vasemmalla puolella saa olla float-attribuutillista elementtiä. Right määrittää, ettei oikealla puolella saa olla elementtiä. Arvo "both" määrittää, ettei elementin kummallakaan puolella saa olla elementtiä. Jos elementin jommallakummalla puolella on float-elementti ja sen käyttö estetään clear-attribuutilla, niin elementti siirretään float-attribuutillisen elementin alapuolelle.
clear:left; clear:right; clear:both;
Elementin näyttäminen (display)
Display-attribuutilla voidaan määrittää kuinka elementti näytetään. Mahdollisia arvoja ovat; block, inline, list-item ja none. Arvolla "block" elementti näytetään lohkotason elementtinä. Arvolla "inline" elementti näytetään tekstitason elementtinä. Arvolla "list-item" elementti näytetään lista-elementtinä. Arvo "none" ei näytä elementtiä ollenkaan.
display:block; display:inline; display:list-item; display:none;


