Kerimisriba Lisamine

Sisukord:

Kerimisriba Lisamine
Kerimisriba Lisamine

Video: Kerimisriba Lisamine

Video: Kerimisriba Lisamine
Video: MS Excel 2010 - Kerimisribade tükeldamine 2024, November
Anonim

Kerimisribad on vertikaalsed ja horisontaalsed ribad piki akna paremat (kirjutades vasakult paremale) ja alumist serva või akna eraldi ala, mis on mõeldud sisu vertikaalseks või horisontaalseks liigutamiseks. Veebilehed kasutavad HTML-i sisseehitatud CSS (CSS) elemente, et kontrollida nende välimust ja käitumist.

Kerimisriba lisamine
Kerimisriba lisamine

Juhised

Samm 1

Kasutage div-silti, kui soovite, et kerimisriba ei oleks kogu lehe, vaid ainult selle piiratud ala jaoks. HTML-is (HyperText Markup Language) tähistavad "sildid" brauseri üksikuid käske konkreetse leheelemendi kuvamiseks. Lihtsamas vormis kirjutatakse div-märgend (mida sageli nimetatakse "kihiks") järgmiselt:

See on kihi sees olev tekst

Siin on algusmärk ja sulgemismärk. Kõik, mis asetatakse avamis- ja sulgemissiltide vahele, on kihis nagu konteineris ja selle mahuti saab mõõta - laius ja kõrgus. Selleks kasutatakse lisaparameetri ("atribuut") stiili, mis tuleks lisada avamissildile:

See on kihi sees olev tekst

2. samm

Lisage ka div-märgendi stiili atribuuti ja kihi kerimisribade reeglid:

See on kihi sees olev tekst

Siin ülevool: auto tähendab, et kerimisribad ilmuvad automaatselt, see tähendab, et kui kihi sisu ei mahu määratud mõõtudesse. Kui auto asendatakse kerimisega, on need triibud alati olemas, olenemata sellest, kas neid on vaja või mitte. Varjatud väärtusel on vastupidine efekt - kerimist ei kuvata kunagi, isegi kui selle konteineri sisu pole selle servadest kaugemal nähtav.

3. samm

Sirvimisribade lisamiseks lehele tervikuna kasutage sarnast meetodit. Vaikimisi kuvatakse neid vastavalt vajadusele, kuid kui mingil põhjusel on vaja nende pidevat kohalolekut lehel, siis tuleks vastav stiilireegel lisada lähtekoodi html-koodile. Leidke lehe koodist dokumendi pea sulgemissilt ja kirjutage selle ette järgmised stiilijuhised:

body {overflow: scroll;}

Soovitan: