Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Mediatyypit: http://www.w3schools.com/CSS/css_mediatypes.asp

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.

Esimerkki: http://www.w3schools.com/Css/tryit.asp?filename=trycss_overflowImage Added

Vierityspalkin luominen elementille tapahtuu seuraavasti:

No Format

p 
{
width:100px;
height:100px;
overflow: scroll;
}

Muut overflow-elementille sallitut määritteet ovat:

visible : oletus
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., vierityspalkki, iframe