Ką reiškia DOM elementas „clientTop“ HTML?

Šiame straipsnyje demonstruojamas DOM elementas „clientTop“ ir praktinis įgyvendinimas HTML.

Kaip naudoti DOM elementą „clientTop“ HTML?

Ypatybė „clientTop“ naudinga dirbant su HTML elementų išdėstymu ir padėtimi kuriant tinklalapius. O tai savo ruožtu padeda kurti reaguojančius ir dinamiškus svetainių maketus

Pavyzdys

Pateikiame pavyzdį, kaip geriau suprasti „clientTop“ nuosavybę. Pavyzdžiui, kraštinės svoris nuo viršutinės padėties įvertinamas šiame pavyzdyje:

Pirma, viduje „ ' žyma sukurti '

“ žymą ir pateikite jai fiktyvių duomenų. Taip pat priskirkite „ID“ pavyzdys ' su tuo.

< stilius >

#pavyzdys {

siena : 2px vientisa juoda;

pamušalas: 10px;

fonas- spalva : šviesiai pilka;

}

< / stilius >

Po to viduje „ “ žymą pasirinkite „ pavyzdys ' id ir nustatykite ' reikšmę 2px kietas miško žalias “ į „ siena ' nuosavybė. Taip pat pritaikykite pagrindinį stilių naudodami „ kamšalas “ ir „ fono spalva “ savybės geresniam vizualizavimui.

---

---

Įvykdžius aukščiau nurodytą kodą, tinklalapis atrodo taip:

Išvestis rodo, kad div ir h3 elementai rodomi tinklalapyje su pagrindiniu stiliumi.

Naudokite „clientTop“ nuosavybę

Norėdami naudoti ' kliento viršus ypatybę HTML elemente, pridėkite šias kodo eilutes viduje