Den Mimic Edges kropelementet gives en margin (alle fire) 0px. Det gives en polstring af 0px. Standardværdierne for margin og padding er browser afhængige. For at undgå kompleksiteten i layout jeg har givet dem nul pixel. Grænsen værdi standard for BODY er tilladt. Det er også afhængig browser, men for enkelthedens skyld, lad os tillader det. Den venstre efterligne kant er en DIV element, mens den øverste mimic kant er en HR (vandret reglen) element. HR element er bare den ideelle element til at efterligne en kant.
Der er ikke nogen lodret regel; ellers ville vi have brugt det til den lodrette kant. Det er de efterligner kant elementer: id onmouseover "doShiftDown ()" style = "position =" DU "=: absolut; z-index: 2; venstre: 0px; top: 0px; width: 100%; height: 1px; baggrund -Farve: # ff9933; border-width: 0px; padding: 0px; margin: 0px "De attributværdier er mange til enten element. Vi skal kort forklare dem. ID på venstre efterligner kant (DIV) er »DL". Når musen er over dette element, er en funktion, doShiftRight () kaldes. Denne funktion forbereder side for at starte flytte den indre DIV til højre.
Stilen attribut for dette element har mange egenskaber. Den første er den holdning ejendom, hvis værdi er "absolut". Den anden er z-indeks ejendom, hvis værdi er 2. Husk, at kroppen element har en værdi for z-index ejendom på 0. Under denne betingelse, vises venstre efterligne kant foran sine omgivende elementer, alt bliver lige. Det, vi har næste i stil attribut er, "venstre: 0px; top: 0px;" Med, venstre og øverste værdier er nul den mimic kant er i den venstre kant af klienten område af siden. Næste vi har en bredde på 1px. Dette er bredden af mimic kant.
Resten af CSS egenskaber er selvforklarende baseret på hvad vi har dækket i de foregående dele af serien. HR element som standard vises horisontalt. Hvis du forsøger at gøre det lodret, ved givet det en stor højde og lille bredde, det vil ikke fungere. Dette er den ideelle el