tutoriais mais recente desenvolvimento web
×

CSS Referência

CSS Referência CSS seletores CSS Funções CSS Aural referência CSS Web Fonts Seguro CSS Animatable CSS Unidades CSS PX-EM conversor CSS cores CSS Cor valores CSS3 Suporte a navegadores

CSS propriedades

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 Referência


Folhas de estilo aural

folhas de estilo aural usar uma combinação de síntese de voz e efeitos sonoros para fazer o usuário ouvir a informação, em vez de ler a informação.

apresentação aural podem ser utilizados:

  • por pessoas cegas
  • para ajudar os usuários a aprender a ler
  • para ajudar os usuários que têm problemas de leitura
  • para entretenimento em casa
  • no carro
  • por comunidades com deficiência de impressão

A apresentação aural converte o documento em texto simples e alimentar a um leitor de tela (a program that reads all the characters on the screen) .

Um exemplo de uma folha de estilo Aural:

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

O exemplo acima fará com que o sintetizador de voz reproduzir um som, em seguida, falar os cabeçalhos em uma voz masculina muito rico.


CSS Aural Referência

O "CSS" coluna indica em qual versão CSS a propriedade é definida (CSS1 or CSS2) .

Propriedade Descrição valores CSS
azimuth Define onde o som deve vir da angle
left-side
far-left
left
center-left
center
center-right
right
far-right
right-side
behind
leftwards
rightwards
2
cue Define as propriedades de sinalização em uma declaração cue-before
cue-after
2
cue-after Especifica um som a ser tocado depois de falar conteúdo de um elemento none
url
2
cue-before Especifica um som a ser tocado antes de falar conteúdo de um elemento none
url
2
elevation Define onde o som deve vir da angle
below
level
above
higher
lower
2
pause Define as propriedades de pausa em uma declaração pause-before
pause-after
2
pause-after Especifica uma pausa depois de falar conteúdo de um elemento time
%
2
pause-before Especifica uma pausa antes de falar conteúdo de um elemento time
%
2
pitch Especifica a voz falando frequency
x-low
low
medium
high
x-high
2
pitch-range Especifica a variação da voz falada. (Voz monótona ou a voz animada?) number 2
play-during Especifica um som a ser tocado enquanto fala conteúdo de um elemento auto
none
url
mix
repeat
2
richness Especifica a riqueza da voz falada. (Voz Rich or voz fina?) number 2
speak Especifica se o conteúdo irá processar auditivamente normal
none
spell-out
2
speak-header Especifica como lidar com cabeçalhos da tabela. Caso os cabeçalhos ser falado antes de todas as células, ou antes de uma célula única com um cabeçalho de célula diferente do anterior always
once
2
speak-numeral Especifica como falar números digits
continuous
2
speak-punctuation Especifica como falar caracteres de pontuação none
code
2
speech-rate Especifica a velocidade da fala number
x-slow
slow
medium
fast
x-fast
faster
slower
2
stress Especifica o "stress" na voz falando number 2
voice-family Especifica a família de voz do discurso specific-voice
generic-voice
2
volume Especifica o volume da fala number
%
silent
x-soft
soft
medium
loud
x-loud
2