CSS-Eigenschaft: play-during, Kategorien: Sprachausgabe (allgemein), Aural style sheets (CSS 2.1)
Hintergrund-Audio
Bestimmt ein Hintergrund-Audio und legt fest, wie mit Vererbung umgegangen wird und ob die Audio-Datei wiederholt wird.
Kurzbeschreibung | Werte | Standardwert | Kategorie | Hinweis |
---|---|---|---|---|
Hintergrund-Audio |
| auto |
| Die Eigenschaft ist veraltet bzw. kein Teil des W3C-Standards. |
Verwandte Eigenschaften aus der Kategorie: Sprachausgabe (allgemein), Aural style sheets (CSS 2.1):
Folgendes ist beim Einsatz von play-during zu beachten:
- Der Wert mix besagt, dass der Ton mit einem Hintergrund-Ton eines Parent-Elements zusammen abgespielt wird.
- Der Wert repeat bestimmt, dass der Ton wiederholt wird, wenn die Sprachausgabe länger ist als der Hintergrund-Klang selber. Wenn die Sprachausgabe für den definierten HTML-Bereich beendet wird, endet auch der Hintergrund-Ton, selbst wenn der noch nicht zu Ende abgespielt ist.
- Der Wert auto besagt, dass ein Hintergrund-Audio in einem vererbten Element nicht neu von vorne, sondern weiter abgespielt wird. Ohne diesen Parameter würde der Ton in jedem vererbten Element von vorne abgespielt werden.
- Der Wert none sorgt dafür, dass ein Hintergrundton aus einem Eltern-Element abgeschaltet wird. Nachdem das Kind-Element zu Ende ausgegeben wurde, wird der Hintergrundton des Eltern-Elements weiter abgespielt.
Hinweis zu "Aural style sheets" (CSS 2.1)
- Die CSS-Eigenschaften "Aural style sheets" bündeln die Eigenschaften für den Media-Typ "Speech".
- Diese Eigenschaften sind kein verbindlicher Teil von CSS 2.1, sondern als Anhang des Standards zu finden. Aktuell ist die Sprachausgabe durch Browser noch kein Thema, das W3C erwartet aber, dass in Zukunft eine Sprachausgabe in Browser implementiert sein wird.
- Klar davon abzugrenzen sind Screenreader, die als Hilfsmittel einzustufen sind, und nur eine mindere Qualität der eigentlichen Inhalte liefern. Audio-CSS sollen eine Sprachausgabe durch Betonung, Pausen und Signalen verbessern, welche direkt in Browsern implementiert wäre.
- In CSS 3 werden die Eigenschaften in der Kategorie "Speech" definiert. Einzelne Eigenschaften tauchen in CSS 3 nicht mehr auf.
Firefox | Chrome | Internet Explorer | Safari | Opera |
|||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
CSS21 |
|
|
|
|
|
Weiterführende Informationen zu play-during:
- W3C Spezifikation:
http://www.w3.org/TR/CSS21/aural.html#propdef-play-during
- letzte CSS-Eigenschaft (Acc-Key: ALT + SHIFT + z):
pitch-range - nächste CSS-Eigenschaft (Acc-Key: ALT + SHIFT + w):
position
Beispiele
HTML:
<div id="example-1">PROP</div>
CSS:
div {
border: 4px solid #cccccc;
padding: 10px;
}
#example-1 {
}
Beispiel Nr. 1 So sieht's aus:
HTML:
<div id="example-2">PROP</div>
CSS:
#example-2 {
}
Beispiel Nr. 2 So sieht's aus:
HTML:
<div id="example-3">PROP</div>
CSS:
#example-3 {
}
Beispiel Nr. 3 So sieht's aus:
HTML:
<div id="example-4">PROP</div>
CSS:
#example-4 {
}
Beispiel Nr. 4 So sieht's aus:
HTML:
<div id="example-5">PROP</div>
CSS:
#example-5 {
}
Beispiel Nr. 5 So sieht's aus:
HTML:
<div id="example-6">PROP</div>
CSS:
#example-6 {
}
Beispiel Nr. 6 So sieht's aus:
HTML:
<div id="testcase-vendor">PROP</div>
CSS:
#testcase-vendor {
-moz-text-align-last: right;
-webkit-marquee-repetition: right;
-o-text-align-last: right;
-ms-text-align-last: right;
}
Testbeispiel: Schreibweise mit
Vendor-Präfix
HTML:
<div id="testcase-standard">PROP</div>
CSS:
#testcase-standard {
text-align-last: right;
}
Testbeispiel: Standardschreibweise
Fehler melden
Diese Referenz ist ein Freizeitprojekt ohne aufwendiges Lektorat oder Vergleichbarem. Von daher lassen sich bei dem Umfang dieser Referenz trotzt größtmöglicher Sorgfalt Fehler nicht vermeiden.
Hilf, die Qualität dieser Seite zu verbessern! Sollte Dir ein Fehler auffallen, sei es in den Erklärungen, Beispielen oder den Informationen zum Browsersupport, seien es orthographische oder grammatikalische, sende eine kurze E-Mail an info@css-wiki.com. Auch Anregungen und Verbesserungsvorschläge sind jeder Zeit Willkommen. Jede E-Mail wird persönlich beantwortet!
Vielen Dank!