Gli ultimi tutorial di sviluppo web
×

CSS Riferimento

CSS Riferimento CSS I selettori CSS funzioni CSS Riferimento Aural CSS Web sicuro Fonts CSS animatable CSS unità CSS PX-EM Converter CSS Colori CSS Colore Valori CSS3 Supporto per il browser

CSS Proprietà

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 di riferimento


Fogli di stile acustici

fogli di stile acustici utilizzano una combinazione di sintesi vocale e di effetti sonori per rendere l'utente ascoltare le informazioni, invece di leggere le informazioni.

presentazione acustica può essere utilizzato:

  • da parte di persone non vedenti
  • per aiutare gli utenti ad imparare a leggere
  • per aiutare gli utenti che hanno problemi di lettura
  • per l'home entertainment
  • in auto
  • dalle comunità di stampa ridotta

La presentazione sonora converte il documento in testo normale e dei mangimi a un lettore di schermo (a program that reads all the characters on the screen) .

Un esempio di un foglio di stile Aural:

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

L'esempio sopra farà il sintetizzatore vocale riprodurre un suono, quindi parlare le intestazioni in una ricchissima voce maschile.


CSS Aural di riferimento

Il "CSS" colonna indica in quale versione CSS la proprietà è definita (CSS1 or CSS2) .

Proprietà Descrizione Valori CSS
azimuth Imposta dove il suono dovrebbe provenire da angle
left-side
far-left
left
center-left
center
center-right
right
far-right
right-side
behind
leftwards
rightwards
2
cue Imposta le proprietà di cue in una dichiarazione cue-before
cue-after
2
cue-after Specifica un suono da riprodurre dopo aver parlato contenuto di un elemento none
url
2
cue-before Specifica un suono da riprodurre prima di parlare contenuto di un elemento none
url
2
elevation Imposta dove il suono dovrebbe provenire da angle
below
level
above
higher
lower
2
pause Imposta le proprietà di pausa in una dichiarazione pause-before
pause-after
2
pause-after Specifica una pausa dopo aver parlato contenuto di un elemento time
%
2
pause-before Specifica una pausa prima di parlare contenuto di un elemento time
%
2
pitch Specifica la voce che parla frequency
x-low
low
medium
high
x-high
2
pitch-range Specifica la variazione della voce che parla. (Voce monotona o vocale animato?) number 2
play-during Specifica un suono da riprodurre mentre parla contenuto di un elemento auto
none
url
mix
repeat
2
richness Specifica la ricchezza della voce parlante. (Voce Rich o voce sottile?) number 2
speak Specifica se il contenuto renderà acusticamente normal
none
spell-out
2
speak-header Specifica come gestire intestazioni di tabella. Se le intestazioni essere pronunciate prima di ogni cella, oppure solo prima di una cella con un'intestazione diversa dalla cella precedente always
once
2
speak-numeral Specifica come parlare i numeri digits
continuous
2
speak-punctuation Specifica come parlare caratteri di punteggiatura none
code
2
speech-rate Specifica la velocità del parlante number
x-slow
slow
medium
fast
x-fast
faster
slower
2
stress Specifica la "stress" nella voce che parla number 2
voice-family Specifica la famiglia voce del parlante specific-voice
generic-voice
2
volume Specifica il volume del parlante number
%
silent
x-soft
soft
medium
loud
x-loud
2