向右迴轉按鈕

選取此按鈕可在主檢視的右側旋轉影像。 此按鈕不會顯示在行動電話上，以節省熒幕空間。 此外，當使用多維度迴轉集時，按鈕會隱藏。 您可以使用CSS調整按鈕的大小、外觀和位置。

迴轉按鈕的CSS屬性

按鈕會新增至使用CSS類別選取器以DIV控制的內部容器：

.s7mixedmediaviewer .s7spinbuttons

CSS屬性

說明

頂部

上邊框的位置，包括邊框間距。

右側

從右邊框定位，包括內距。

左側

從左邊框定位，包括內距。

底部

從下邊框定位，包括內距。

width

按鈕的寬度。

height

按鈕的高度。

此按鈕在容器內的外觀是由CSS類別選取器所控制：

.s7mixedmediaviewer .s7spinbuttons .s7panrightbutton

CSS屬性

說明

頂部

上邊框的位置，包括邊框間距。

右側

從右邊框定位，包括內距。

左側

從左邊框定位，包括內距。

底部

從下邊框定位，包括內距。

width

按鈕的寬度。

height

按鈕的高度。

background-image

針對指定按鈕狀態顯示的影像。

background-position

若使用CSS sprite，則定位在圖稿sprite內。

另請參閱 CSS精靈 .

注意

此按鈕支援 state 屬性選擇器，可將不同的外觀元素套用至不同的按鈕狀態。

按鈕工具提示可以本地化。 另請參閱 使用者介面元素的本地化 以取得詳細資訊。

範例 — 設定旋轉右側按鈕，此按鈕為28 x 28畫素，且位於內部容器的右邊緣。 最後，針對四種不同按鈕狀態分別顯示不同的影像：

.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);
}

本頁內容