style reglas que propiedades hijos herencia heredan evitar estilos ejemplos colisiones clases cascada anidadas css inheritance

reglas - propiedades css que no se heredan



¿Qué propiedades de CSS se heredan? (3)

Aquí está la lista de todas las propiedades heredables. Estoy trabajando con la información del W3C , así que supongo que debería ser correcta. Pero conociendo los navegadores web (IE específicamente), algunos de estos pueden no ser heredables por todos los navegadores:

  1. azimuth
  2. border-collapse
  3. border-spacing
  4. caption-side
  5. color
  6. cursor
  7. direction
  8. elevation
  9. empty-cells
  10. font-family
  11. font-size
  12. font-style
  13. font-variant
  14. font-weight
  15. font
  16. letter-spacing
  17. line-height
  18. list-style-image
  19. list-style-position
  20. list-style-type
  21. list-style
  22. orphans
  23. pitch-range
  24. pitch
  25. quotes
  26. richness
  27. speak-header
  28. speak-numeral
  29. speak-punctuation
  30. speak
  31. speech-rate
  32. stress
  33. text-align
  34. text-indent
  35. text-transform
  36. visibility
  37. voice-family
  38. volume
  39. white-space
  40. widows
  41. word-spacing

Me di cuenta de que algunas propiedades se heredan en CSS y otras no. Por ejemplo, la propiedad de tamaño de texto se hereda, pero el relleno y el margen no son heredados por los bloques secundarios. Entonces, ¿cómo saber qué propiedades se heredan y cuáles no?


Las listas de Blender y Shaz enumeran todas las propiedades heredadas de CSS 2.1, incluidas las de medios audiovisuales como el azimuth . A continuación, se incluye una lista sin las propiedades orientadas por aural, que ahora incluye propiedades CSS3.

  1. border-collapse
  2. border-spacing
  3. caption-side
  4. color
  5. cursor
  6. direction
  7. empty-cells
  8. font-family
  9. font-size
  10. font-style
  11. font-variant
  12. font-weight
  13. font-size-adjust
  14. font-stretch
  15. font
  16. letter-spacing
  17. line-height
  18. list-style-image
  19. list-style-position
  20. list-style-type
  21. list-style
  22. orphans
  23. quotes
  24. tab-size
  25. text-align
  26. text-align-last
  27. text-decoration-color
  28. text-indent
  29. text-justify
  30. text-shadow
  31. text-transform
  32. visibility
  33. white-space
  34. widows
  35. word-break
  36. word-spacing
  37. word-wrap

  • azimut
  • colapso de frontera
  • espacio entre los bordes
  • pie de foto
  • color
  • cursor
  • dirección
  • elevación
  • celdas vacías
  • font-family font-size
  • Estilo de fuente
  • variante de fuente
  • fuente-peso
  • fuente
  • espaciado de letras
  • altura de la línea
  • list-style-image
  • lista-estilo-posición
  • list-style-type
  • estilo de lista
  • huérfanos
  • rango de tono
  • cotizaciones de tono
  • riqueza
  • speak-header
  • speak-numeral
  • hablar-puntuación
  • hablar
  • Nivel de conversación
  • estrés
  • texto alineado
  • guion de texto
  • texto transformado
  • visibilidad
  • familia de voz
  • volumen
  • espacio en blanco
  • viudas
  • espaciado de palabras

Source