Los últimos tutoriales de desarrollo web
×

CSS Referencia

CSS Referencia CSS selectores CSS funciones CSS referencia Aural CSS Fuentes de seguridad Web CSS animatable CSS Unidades CSS PX-EM Convertidor CSS Colores CSS Color Valores CSS3 Soporte para el navegador

CSS propiedades

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 Referencia


Hojas de estilo auditivas

Hojas de estilo auditivas utilizan una combinación de síntesis de voz y efectos de sonido para hacer que el usuario escuche a la información, en lugar de leer la información.

presentación aural se puede utilizar:

  • por personas ciegas
  • para ayudar a los usuarios a aprender a leer
  • para ayudar a los usuarios que tienen problemas de lectura
  • para el entretenimiento doméstico
  • en el coche
  • por las comunidades de impresión con impedimentos

La presentación auditiva convierte el documento en texto sin formato y se alimentan a un lector de pantalla (a program that reads all the characters on the screen) .

Un ejemplo de una hoja de estilo auditivas:

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

El ejemplo anterior hará que el sintetizador de voz reproducir un sonido, a continuación, las cabeceras hablar con una voz masculina muy rico.


CSS aural Referencia

El "CSS" columna indica en qué versión de CSS la propiedad se define (CSS1 or CSS2) .

Propiedad Descripción Valores CSS
azimuth Escenarios en los que el sonido debe provenir de angle
left-side
far-left
left
center-left
center
center-right
right
far-right
right-side
behind
leftwards
rightwards
2
cue Establece las propiedades de referencia en una declaración cue-before
cue-after
2
cue-after Especifica un sonido que se reproducirá después de hablar contenido de un elemento none
url
2
cue-before Especifica un sonido que se reproducirá antes de hablar contenido de un elemento none
url
2
elevation Escenarios en los que el sonido debe provenir de angle
below
level
above
higher
lower
2
pause Establece las propiedades de pausa en una declaración pause-before
pause-after
2
pause-after Especifica una pausa después de hablar contenido de un elemento time
%
2
pause-before Especifica una pausa antes de hablar contenido de un elemento time
%
2
pitch Especifica la voz que habla frequency
x-low
low
medium
high
x-high
2
pitch-range Especifica la variación en el tono de voz. (Tono de voz o la voz animada?) number 2
play-during Especifica un sonido que se reproducirá mientras se habla contenido de un elemento auto
none
url
mix
repeat
2
richness Especifica la riqueza de la voz que habla. (Rich voz o la voz delgada?) number 2
speak Especifica si el contenido hará que auditivamente normal
none
spell-out
2
speak-header Especifica cómo manejar los encabezados de tabla. Si las cabeceras de ser habladas antes de cada célula, o únicamente antes de una celda con una cabecera diferente de la celda anterior always
once
2
speak-numeral Especifica cómo hablar los números digits
continuous
2
speak-punctuation Especifica cómo hablar caracteres de puntuación none
code
2
speech-rate Especifica la velocidad del habla number
x-slow
slow
medium
fast
x-fast
faster
slower
2
stress Especifica el "stress" en la voz que habla number 2
voice-family Especifica la familia de voces del habla specific-voice
generic-voice
2
volume Especifica el volumen del habla number
%
silent
x-soft
soft
medium
loud
x-loud
2