Knappen Zooma ut zoom-out-button

Om du väljer den här knappen zoomas en bild ut i huvudvyn. Den här knappen visas inte på mobiltelefoner för att spara skärmutrymme. Du kan ändra storlek, skal och position för knappen med hjälp av CSS.

CSS-egenskaper för huvudvisningsområdet

Knappens utseende styrs med följande CSS-klassväljare:

.s7ecatalogsearchviewer .s7zoomoutbutton

CSS-egenskap
Beskrivning
top
Placera från huvudkontrollfältets övre kant, inklusive utfyllnad.
höger
Placera från den högra kanten av huvudkontrollfältet, inklusive utfyllnad.
vänster
Placera från vänster kant på huvudkontrollfältet, inklusive utfyllnad.
nederkant
Placera från den nedre kanten av huvudkontrollfältet, inklusive utfyllnad.
width
Knappens bredd.
height
Knappens höjd.
background-image
Bilden som visas för ett visst knappläge.
background-position

Placera inuti en teckningssprite, om CSS-sprites används.

Se även CSS-fragment.

NOTE
Den här knappen har stöd för state attributväljare, som kan användas för att tillämpa olika skal på olika knapplägen.

Knappens funktionsbeskrivning kan lokaliseras. Se Lokalisering av användargränssnittselement för mer information.

Exempel - För att ställa in en utzoomningsknapp som är 28 x 28 pixlar och placerad 4 pixlar från nederkanten och 75 pixlar från den högra kanten av huvudkontrollfältet. Slutligen visas olika bilder för de fyra olika knapplägena.

.s7ecatalogsearchviewer .s7zoomoutbutton {
bottom:4px;
right:75px;
width:28px;
height:28px;
}
.s7ecatalogsearchviewer .s7zoomoutbutton [state='up'] {
background-image:url(images/v2/ZoomOutButton_dark_up.png);
}
.s7ecatalogsearchviewer .s7zoomoutbutton [state='over'] {
background-image:url(images/v2/ZoomOutButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7zoomoutbutton [state='down'] {
background-image:url(images/v2/ZoomOutButton_dark_down.png);
}
.s7ecatalogsearchviewer .s7zoomoutbutton [state='disabled'] {
background-image:url(images/v2/ZoomOutButton_dark_disabled.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8