Neueste Web-Entwicklung Tutorials
×

CSS Referenz

CSS Referenz CSS Selektoren CSS Funktionen CSS Referenz Aural CSS Web-Safe-Fonts CSS Anima CSS Einheiten CSS PX-EM Converter CSS Farben CSS Farbe Werte CSS3 Browser-Unterstützung

CSS Eigenschaften

align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function backface-visibility background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-shadow box-sizing caption-side clear clip color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face font-family font-size font-size-adjust font-stretch font-style font-variant font-weight hanging-punctuation height justify-content @keyframes left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top max-height max-width @media min-height min-width nav-down nav-index nav-left nav-right nav-up opacity order outline outline-color outline-offset outline-style outline-width overflow overflow-x overflow-y padding padding-bottom padding-left padding-right padding-top page-break-after page-break-before page-break-inside perspective perspective-origin position quotes resize right tab-size table-layout text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-overflow text-shadow text-transform top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function unicode-bidi vertical-align visibility white-space width word-break word-spacing word-wrap z-index



 

CSS Aural Referenz


Aural Style Sheets

Aural Style Sheets eine Kombination aus Sprachsynthese verwenden und Sound-Effekte, um dem Benutzer Informationen hören machen, statt Informationen zu lesen.

Aural Präsentation können verwendet werden:

  • Blinde
  • zu helfen, zu lernen Anwender zu lesen
  • Benutzer, die Leseschwierigkeiten zu helfen,
  • für Home Entertainment
  • im Auto
  • von lesebehinderten Gemeinden

Die klangliche Darstellung konvertiert das Dokument in Klartext und füttern diese zu einem Screenreader (a program that reads all the characters on the screen) , (a program that reads all the characters on the screen) .

Ein Beispiel für eine Aural-Stylesheet:

h1, h2, h3, h4 {
    voice-family: male;
    richness: 80;
    cue-before: url("beep.au")
}

Das obige Beispiel wird der Sprachsynthesizer machen einen Ton spielen, sprechen dann die Header in einem sehr reichen männliche Stimme.


CSS Aural Referenz

Die "CSS" Spalte zeigt an, in der CSS - Version die Eigenschaft definiert ist (CSS1 or CSS2) .

Eigentum Beschreibung Werte CSS
azimuth Sets, wo der Sound sollte aus angle
left-side
far-left
left
center-left
center
center-right
right
far-right
right-side
behind
leftwards
rightwards
2
cue Stellt die Cue-Eigenschaften in einer Erklärung cue-before
cue-after
2
cue-after Gibt nach dem Sprechen ist ein Element Inhalt ein Ton gespielt werden none
url
2
cue-before Gibt spielte ein Ton sein, bevor der Inhalt eines Elements sprechen none
url
2
elevation Sets, wo der Sound sollte aus angle
below
level
above
higher
lower
2
pause Legt die Pause Eigenschaften in einer Erklärung pause-before
pause-after
2
pause-after Gibt eine Pause nach der Inhalt eines Elements sprechen time
%
2
pause-before Gibt eine Pause, bevor der Inhalt eines Elements sprechen time
%
2
pitch Gibt die Sprechstimme frequency
x-low
low
medium
high
x-high
2
pitch-range Gibt die Veränderung der Sprechstimme. (Monotone Stimme oder animierte Stimme?) number 2
play-during Gibt der Inhalt eines Elements beim Sprechen ein Ton gespielt werden auto
none
url
mix
repeat
2
richness Gibt den Reichtum der Sprechstimme. (Rich Stimme oder dünne Stimme?) number 2
speak Gibt an, ob Inhalt auditiv machen wird normal
none
spell-out
2
speak-header Gibt an, wie Tabellenüberschriften zu behandeln. Sollten die Header vor jeder Zelle gesprochen werden, oder nur vor einer Zelle mit einem anderen Kopf als die vorherige Zelle always
once
2
speak-numeral Gibt an, wie Zahlen zu sprechen digits
continuous
2
speak-punctuation Gibt an, wie Satzzeichen zu sprechen none
code
2
speech-rate Gibt die Geschwindigkeit des Sprech number
x-slow
slow
medium
fast
x-fast
faster
slower
2
stress Gibt den "stress" in der Sprechstimme number 2
voice-family Gibt die Sprachfamilie der Sprech specific-voice
generic-voice
2
volume Legt die Lautstärke des Sprech number
%
silent
x-soft
soft
medium
loud
x-loud
2