Högerknapp för snurra spin-right-button

Om du väljer den här knappen flyttas bilden åt höger i huvudvyn. Den här knappen visas inte på mobiltelefoner för att spara skärmutrymme. Knappen döljs också när en flerdimensionell rotationsuppsättning används. Du kan ändra storlek på, skalförändra och placera knappen med CSS.

CSS-egenskaper för rotationsknapparna

Knappen läggs till i en intern behållare som är DIV styrd med CSS-klassväljaren:

.s7mixedmediaviewer .s7spinbuttons
CSS-egenskap
Beskrivning
top
Placera från den övre kanten, inklusive utfyllnad.
höger
Placera från den högra kanten, inklusive utfyllnad.
vänster
Placera från den vänstra kanten, inklusive utfyllnad.
nederkant
Placera från den nedre kanten, inklusive utfyllnad.
width
Knappens bredd.
height
Knappens höjd.

Utseendet på den här knappen inuti behållaren styrs med CSS-klassväljaren:

.s7mixedmediaviewer .s7spinbuttons .s7panrightbutton
CSS-egenskap
Beskrivning
top
Placera från den övre kanten, inklusive utfyllnad.
höger
Placera från den högra kanten, inklusive utfyllnad.
vänster
Placera från den vänstra kanten, inklusive utfyllnad.
nederkant
Placera från den nedre kanten, 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 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.

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

Exempel - För att ställa in en högerknapp med snurra som är 28 x 28 pixlar och som placeras på den högra kanten av den inre behållaren. Slutligen visas olika bilder för de fyra olika knapplägena:

.s7mixedmediaviewer .s7spinbuttons .s7panrightbutton {
 position:absolute;
 right: 0px;
 width:28px;
 height:28px;
 background-size:contain;
 }
.s7mixedmediaviewer .s7spinbuttons .s7panrightbutton[state='up'] {
background-image:url(images/v2/SpinRightButton_light_up.png);
}
.s7mixedmediaviewer .s7spinbuttons .s7panrightbutton[state='over'] {
background-image:url(images/v2/SpinRightButton_light_over.png);
}
.s7mixedmediaviewer .s7spinbuttons .s7panrightbutton[state='down'] {
 background-image:url(images/v2/SpinRightButton_light_down.png);
}
.s7mixedmediaviewer .s7spinbuttons .s7panrightbutton[state='disabled'] {
 background-image:url(images/v2/SpinRightButton_light_disabled.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8