soy Kseso y esto EsCSS

Vademecum de todas las propiedades de estilos del SVG

Relación de todas las propiedades de estilos aplicables a los SVG (gráficos vectoriales escalables) tanto propias como de CSS con enlace a su definición en la Especificación.

Vademecum de todas las propiedades de estilos del SVG

·Por Kseso ✎ 0
Todas las propiedades de estilos de los SVG: propias y de Css

Relación de todas las propiedades Css que aplican a los SVG con enlace directo al punto de las especificaciones que desarrolla a cada una.

Recojo tanto las propias de SVG y que define la especificación de los vectores gráficos como aquellas "generales" de la especificación de Css (2.1 y 3) que son aplicables a los SVG.

Dice la especificación que desarrolla los SVG:

Propiedades de estilos de los SVG

SVG utiliza las propiedades de estilo para describir muchos de sus parámetros. Las propiedades de estilos definen cómo han de ser renderizados los elementos gráficos contenidos en el SVG. SVG utiliza las propiedades de estilo para lo siguiente:

  1. Parámetros que son claramente de naturaleza visual y por lo tanto se prestan a ser estilizados. Los ejemplos incluyen todos los atributos que definen cómo un objeto se "pinta", tales como los colores del relleno y del contorno, los anchos y estilo de línea.
  2. Parámetros que tienen que ver con el estilo de texto como las familias de fuentes y tamaños.
  3. Parámetros que afectan a la manera en que los elementos gráficos se representan, como los recortes (clipping paths), máscaras (masks), extremos de línea (arrowheads), marcadores (markers) y efectos de filtro (filter effects).

Excepto aquellas reglas/propiedades específicas definidas por la especificación propia del SVG, la definición de las propiedades de Css que aplican a los SVG son las que aparecen en el corpus de Css.

Propiedades de estilos compartidas

Las siguientes propiedades son compartidas entre CSS2 y SVG. La mayoría de estas propiedades se definen también en XSL:

Propiedades definidas por SVG

Las siguientes propiedades de SVG no se definen en CSS2. Las definiciones normativas completas para estas propiedades se encuentran en la especificación de SVG:

Una tabla que enumera y resume las propiedades de estilo la puedes encontrar en este enlace. Entre otras cosas tienes listadas por orden alfabético las propiedades por su nombre, con los valores posibles que admite y su valor inicial, así como a los elementos a los que se puede declarar y si es heredada y admite animaciones o no.

Créditos y origen de la información

Toda la información anterior proviene de la especificación (status Recomendación) sobre SVG 1.1 (2ª edicción) de Agosto de 2012. En concreto la puedes encontrar en su punto 6: Styling.

No recojo ni entro ni menciono las propiedades que pueden ser usadas como atributos del SVG y de sus elementos.

avatar del Editor del blog

Ramajero Argonauta, Enredique Amanuense de CSS.
#impoCSSible inside
Dicen que, en español, EsCss es el mejor blog de CSS. Posíblemente exageren.
@Kseso EsCss Don Kseso Kseso