Vierityspalkin lisääminen ja sen ulkoasun muuttaminen
Kun elementille on asetettu tietty leveys ja korkeus, sen sisällön "ylivuoto" (overflow) voidaan käsitellä eri tavoin.
...
| No Format |
|---|
p
{
width:100px;
height:100px;
overflow: scroll;
}
|
Muut overflow-elementille sallitut määritteet ovat:
- visible : oletus, jossa ulkopuolelle jäävä sisältö "valuu" elementin ulkopuolelle
- hidden : elementin ulkopuolelle jäävä sisältö ei näy käyttäjälle
- scroll : elementin ulkopuolelle jäävä sisältö ei näy käyttäjälle, mutta käyttäjä voi vierittää sen esiin vierityspalkilla
- auto : selain lisää vierityspalkin silloin, kun sisältö ei mahdu elementin sisäpuolelle.
Vierityspalkin värien muotoilu
- Vierityspalkin värejä voi muotoilla tyylitiedostoilla, mutta ominaisuudet eivät ole standardeja vielä CSS2.0 -versiossa. Ne ovat tulossa CSS3-luonnokseen: http://www.css3.com/
- Tällä hetkellä IE tukee värejä ie 5.5 versiosta alkaen.
...
- nuolet (arrows): vierityspalkin ylä- ja alaosassa olevat nuolisymbolit
- vierityslaatikko (scrollbar), jota voi hiirellä liikuttaa edestakaisin
- ura (track): nuolien välissä oleva osa vierityspalkkia
Ominaisuudet
Arvoksi asetetaan jokin väri.
...