PROFI-FOTOS-online.com - Der eigene Online-Shop für Profi-Fotografen - Einfach. Günstig. Fair.

CSS-Eigenschaft: speak, Kategorien: Sprachausgabe (allgemein), Aural style sheets (CSS 2.1), Speech (CSS 3)

Sprachausgabe unterdrücken / Buchstabieren

Unterdrückt die Sprachausgabe oder steuert das Buchstabieren.

CSS-Eigenschaft: speak
KurzbeschreibungWerteStandardwertKategorieHinweis
Sprachausgabe unterdrücken / Buchstabieren
  • normal
  • spell-out
  • digits(CSS 3)
  • literal-punctuation(CSS 3)
  • no-punctuation(CSS 3)
  • inherit(CSS 3)
normal
Allgemein:
Sprachausgabe
CSS 2.1:
Aural style sheets
CSS 3:
Speech
 

Verwandte Eigenschaften aus der Kategorie: Sprachausgabe (allgemein), Aural style sheets (CSS 2.1), Speech (CSS 3):

Folgendes ist beim Einsatz von speak zu beachten:

  • Der Wert none unterdrückt die Sprachausgabe, vergleichbar der visuellen Einstellung display: none;. Der Abschnitt wird auch nicht gerendert, was ein Sparen von Arbeitsleistung bedeutet.
  • Der Wert normal entspricht dem Normalverhalten und setzt vererbet Eigenschaften zurück.
  • Der Wert spell-out bestimmt, dass ein Element buchstabiert wird, was für Abkürzungen und Akronyme sinnvoll ist.
  • speak ist in CSS 3 um verschiedene Parameter erweitert worden, Bechreibung folgt.

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.
Browserunterstützung von speak
Firefox
Firefox
Google Chrome
Google
Chrome
Internet Explorer
Internet
Explorer
Safari
Safari
Opera
Opera
CSS21
Version: 16Version: 25Version: 30Version: 31Version: 32
n
Version: 20Version: 30Version: 35Version: 36Version: 37
n
Version: 8Version: 9Version: 10Version: 11
n
Version: 4Version: 5Version: 6Version: 7
n
Version: 10Version: 11Version: 12
n

Weiterführende Informationen zu speak:

  • letzte CSS-Eigenschaft (Acc-Key: ALT + SHIFT + z):
    size


Beispiele

HTML:

<div id="example-1">PROP</div>

CSS:

div {
    border: 4px solid #cccccc;
    padding: 10px;
}
#example-1 {
}
Beispiel nur für: Firefox

Beispiel Nr. 1 So sieht's aus:

PROP
 

HTML:

<div id="example-2">PROP</div>

CSS:

#example-2 {
}
Beispiel nur für: Firefox

Beispiel Nr. 2 So sieht's aus:

PROP
 

HTML:

<div id="example-3">PROP</div>

CSS:

#example-3 {
}
Beispiel nur für: Firefox

Beispiel Nr. 3 So sieht's aus:

PROP
 

HTML:

<div id="example-4">PROP</div>

CSS:

#example-4 {
}
Beispiel nur für: Firefox

Beispiel Nr. 4 So sieht's aus:

PROP
 

HTML:

<div id="example-5">PROP</div>

CSS:

#example-5 {
}
Beispiel nur für: Firefox

Beispiel Nr. 5 So sieht's aus:

PROP
 

HTML:

<div id="example-6">PROP</div>

CSS:

#example-6 {
}
Beispiel nur für: Firefox

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: Firefox

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: Firefox

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!

A-Z:

Schnell­auswahl

Seiten:

Letzte Änderung: 17. 01. 2024
Render Time: 0.032 sec.