Det ges en vaddering av 0px. Standardvärdena för marginal och padding är webbläsare beroende. För att undvika komplexiteten i layout jag har gett dem nollpunkter. Det är tillåtet att standardgränsvärdet för BODY. Det är också webbläsare beroende, men för enkelhetens skull, låt oss tillåta det. Den vänstra härma kanten är en DIV inslag, medan den övre härma kanten är en HR (horisontell linje) element. HR elementet är bara den perfekta elementet för att efterlikna en kant. Det finns ingen vertikal regel; annars skulle vi ha använt det för den vertikala kanten.
Dessa är de härma kantelement: id = "DU" onMouseOver = "doShiftDown ()" style = "position: absolute; z-index: 2; vänster: 0px; top: 0px; width: 100%; height: 1px; bakgrund färg: # ff9933; border-width: 0px; padding: 0px; margin: 0px "De attributvärden är många för antingen element. Vi ska kortfattat förklara dem. ID för den vänstra härma kanten (DIV) är "DL". När musen är över detta element, är en funktion, doShiftRight () anropas. Denna funktion förbereder för att börja flytta inre DIV till höger. Stilen attribut för detta element har många egenskaper.
Den första är egenskapen position vars värde är "absolut". Den andra är den z-index egenskap, vars värde är 2. Kom ihåg att stomelementet har ett värde för z-index egenskap av 0. Under detta tillstånd, visas den vänstra härma kanten framför dess omgivande delar, allt är lika. Vad vi har nästa i stilattribut är "vänster: 0px; top: 0px;" Med de vänstra och övre värden är noll härma kanten är i vänstra kanten av klientområdet på sidan. Nästa vi har en bredd av 1px. Detta är bredden på härma kanten.
Resten av CSS-egenskaper är självförklarande baserat på vad vi har täckt i de tidigare delarna i serien. HR elementet som standard visas horisontellt. Om du försöker göra det vertikalt genom gett det en stor höjd och liten bredd, det kommer inte att fungera. Detta är den idealiska elemen