Knop Bijschrift caption-button
Hiermee schakelt u de weergave van het gesloten bijschrift in of uit. De eigenschap is niet zichtbaar als de parameter caption niet is opgegeven. U kunt CSS gebruiken aan grootte, huid, en positie deze knoop met betrekking tot de controlebar die het bevat.
CSS eigenschappen van het belangrijkste viewergebied
De vormgeving van de knop wordt bepaald door de volgende CSS-klassenkiezer:
.s7mixedmediaviewer .s7closedcaptionbutton
Positie binnen illustratie-sprite, als CSS-sprites worden gebruikt.
Zie CSS-sprites.
state en de geselecteerde kenmerkkiezers, die kunnen worden gebruikt om verschillende skins toe te passen op verschillende knoptoestanden. Met name selected='true' komt overeen met de status wanneer bijschriften zichtbaar zijn en selected='false' wordt gebruikt wanneer bijschriften verborgen zijn.De knopinfo kan worden gelokaliseerd. Zie Localisatie van gebruikersinterfaceelementen voor meer informatie.
Voorbeeld - Aan opstelling een Gesloten knoop van de Titel die 28 x 28 pixel is, geplaatst vier pixel vanaf de bovenkant, en 68 pixel vanaf de juiste rand van de controlebar. En ten slotte wordt voor elk van de vier verschillende knoptoestanden een andere afbeelding weergegeven wanneer deze is geselecteerd of niet.
.s7mixedmediaviewer .s7closedcaptionbutton {
position:absolute;
top:4px;
right:68px;
width:28px;
height:28px;
}
.s7mixedmediaviewer .s7closedcaptionbutton[selected='true'][state='up'] {
background-image:url(images/v2/ClosedCaptionButton_up.png);
}
.s7mixedmediaviewer .s7closedcaptionbutton[selected='true'][state='over'] {
background-image:url(images/v2/ClosedCaptionButton_over.png);
}
.s7mixedmediaviewer .s7closedcaptionbutton[selected='true'][state='down'] {
background-image:url(images/v2/ClosedCaptionButton_down.png);
}
.s7mixedmediaviewer .s7closedcaptionbutton[selected='true'][state='disabled'] {
background-image:url(images/v2/ClosedCaptionButton_disabled.png);
}
.s7mixedmediaviewer .s7closedcaptionbutton[selected='false'][state='up'] {
background-image:url(images/v2/ClosedCaptionButton_disabled.png);
}
.s7mixedmediaviewer .s7closedcaptionbutton[selected='false'][state='over'] {
background-image:url(images/v2/ClosedCaptionButton_over.png);
}
.s7mixedmediaviewer .s7closedcaptionbutton[selected='false'][state='down'] {
background-image:url(images/v2/ClosedCaptionButton_down.png);
}
.s7mixedmediaviewer .s7closedcaptionbutton[selected='false'][state='disabled'] {
background-image:url(images/v2/ClosedCaptionButton_disabled.png);
}