CSS-Eigenschaft: volume, Kategorien: Sprachausgabe (allgemein), Aural style sheets (CSS 2.1)
Lautstärke
Steuert die Lautstärke der Sprachausgabe.
| Kurzbeschreibung | Werte | Standardwert | Kategorie | Hinweis |
|---|---|---|---|---|
| Lautstärke |
| medium |
| 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 volume zu beachten:
- Steuert die Lautstärke der Sprachausgabe. Werte von 0 bis 100 sind vorgesehen, 50 ist die normale Lautstärke.
- speak mit dem Wert none und volume:0 werden den gleichen Effekt haben. Unterschied ist allerdings, dass bei volume: 0 die Ausgabe gerendert wird und mit einer Lautstärke von 0 ausgegeben wird, also nicht. Bei speak: none wird das Element nicht gerendert und spart damit Arbeitsleistung. Dies scheint vergleichbar mit display: none und visibility: hidden. Ersteres hat das Element erst gar nicht im DOM, letzteres ist im DOM, nimmt auch die benötigte Höhe und Breite ein, wird aber nicht dargestellt.
- volume taucht in CSS 3 nicht auf. voice-volume sieht wie die Eigenschaft in CSS 3 aus, welche die Funktion von volume erfüllt.
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 volume:
- W3C Spezifikation:
http://www.w3.org/TR/CSS21/aural.html#propdef-volume
- letzte CSS-Eigenschaft (Acc-Key: ALT + SHIFT + z):
voice-volume - nächste CSS-Eigenschaft (Acc-Key: ALT + SHIFT + w):
white-space
Beispiele
HTML:
<div id="example-1">PROP</div>CSS:
div {
border: 4px solid #cccccc;
padding: 10px;
}
#example-1 {
}Beispiel nur für: 
Beispiel Nr. 1 So sieht's aus:
PROP
HTML:
<div id="example-2">PROP</div>CSS:
#example-2 {
}Beispiel nur für:
Beispiel Nr. 2 So sieht's aus:
PROP
HTML:
<div id="example-3">PROP</div>CSS:
#example-3 {
}Beispiel nur für:
Beispiel Nr. 3 So sieht's aus:
PROP
HTML:
<div id="example-4">PROP</div>CSS:
#example-4 {
}Beispiel nur für:
Beispiel Nr. 4 So sieht's aus:
PROP
HTML:
<div id="example-5">PROP</div>CSS:
#example-5 {
}Beispiel nur für:
Beispiel Nr. 5 So sieht's aus:
PROP
HTML:
<div id="example-6">PROP</div>CSS:
#example-6 {
}Beispiel nur für:
Beispiel Nr. 6 So sieht's aus:
PROP
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;
}Beispiel nur für:
Testbeispiel: Schreibweise mit
Vendor-Präfix
PROP
HTML:
<div id="testcase-standard">PROP</div>CSS:
#testcase-standard {
text-align-last: right;
}Beispiel nur für:
Testbeispiel: Standardschreibweise
PROP
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!