Vierityspalkit ovat pystysuoria ja vaakapalkkeja ikkunan oikealla (kirjoitettaessa vasemmalta oikealle) ja alareunaa tai erillistä ikkunan aluetta pitkin ja jotka on suunniteltu siirtämään sisältöä pysty- tai vaakasuunnassa. Verkkosivut käyttävät CSS (CSS) -elementtejä, jotka on upotettu HTML: ään niiden ulkonäön ja käyttäytymisen hallitsemiseksi.
Ohjeet
Vaihe 1
Käytä div-tagia, jos haluat, että vierityspalkki ei ole koko sivulle, vaan vain sen rajoitetulle alueelle. HTML: ssä (HyperText Markup Language) "tagit" tarkoittavat selaimen yksittäisiä komentoja tietyn sivuelementin näyttämiseksi. Yksinkertaisimmassa muodossaan div-tagi (jota usein kutsutaan "kerrokseksi") kirjoitetaan seuraavasti:
Tämä on kerroksen sisällä oleva teksti
Tässä on alkutunniste ja lopputunniste. Kaikki avaavan ja sulkevan tunnisteen väliin sijoitettu on kerroksessa kuten säiliössä, ja tämä säiliö voidaan mitoittaa - leveys ja korkeus. Tämä tehdään käyttämällä ylimääräistä parametrityyliä ("attribute"), joka on lisättävä alkutagiin:
Tämä on kerroksen sisällä oleva teksti
Vaihe 2
Lisää div-tagin tyylimääritteeseen ja myös tason vierityspalkkeja koskeviin sääntöihin:
Tämä on kerroksen sisällä oleva teksti
Tässä ylivuoto: auto tarkoittaa, että vierityspalkit näkyvät automaattisesti, ts. Kun kerroksen sisältö ei sovi määritettyihin mittoihin. Jos auto korvataan vierityksellä, nämä raidat ovat aina läsnä riippumatta siitä, tarvitaanko niitä. Piilotetulla arvolla on päinvastainen vaikutus - vieritys ei tule koskaan näkyviin, vaikka säiliön sisältö ei olisi näkyvissä sen reunojen ulkopuolella.
Vaihe 3
Käytä vastaavaa tapaa lisätä vierityspalkit sivulle kokonaisuudessaan. Oletuksena ne näkyvät tarpeen mukaan, mutta jos jostain syystä heidän jatkuvalle läsnäololleen on tarvetta sivulla, vastaava tyylisääntö tulisi lisätä lähde-html-koodiin. Etsi sivun koodista asiakirjan pään sulkutunniste ja kirjoita sen eteen nämä tyylin ohjeet:
body {ylivuoto: vieritä;}
