Este artículo compara la compatibilidad con hojas de estilo en cascada (CSS) para varios motores de navegador .
Explicación de las tablas
Motor | Estado | Incrustado en |
---|---|---|
WebKit | Activo | Navegador Safari , además de todos los navegadores alojados en la App Store de iOS . |
Parpadear | Activo | Google Chrome y otros navegadores web basados en Chromium , como Microsoft Edge , Opera y Brave . |
EdgeHTML | Activo | Aplicaciones de la plataforma universal de Windows ; anteriormente en el navegador Edge [1] . |
Geco | Activo | Navegador Firefox y cliente de correo electrónico Thunderbird , además de bifurcaciones como SeaMonkey y Waterfox . |
KHTML | Activo | Navegador Konqueror |
Presto | Interrumpido | Anteriormente utilizado como motor de navegador de Opera , antes de la migración a Chromium y Blink. |
Tridente | Interrumpido | Internet Explorer y versiones de Microsoft Outlook anteriores a Outlook 2007. |
Valores
Estos indican el nivel de soporte para el elemento dado en cada motor. De forma predeterminada, está implícita la versión más reciente del motor. Sin embargo, se puede incluir un número de versión específico; cuando esto indica soporte total, es la versión inicial del motor que soporta completamente el artículo.
Valor | Significado |
---|---|
sí | Totalmente apoyado |
No | Nunca ha sido apoyado |
Parcial | Solo se admiten algunos valores |
Incorrecto | No implementado correctamente en todos los casos |
Experimental | Puede estar incompleto o con errores |
Construcción nocturna | Actualmente en desarrollo; se espera apoyo total |
Depende | Solo es compatible con las condiciones especificadas |
Caído | Ya no es compatible |
Otras notas
Específico del proveedor
Las propiedades DOM correspondientes a propiedades CSS experimentales específicas del proveedor tienen el prefijo vendor-prefix, sin guiones y con las primeras letras en mayúscula, por ejemplo, element.style.MozBorderRadius
correspondientes a la -moz-border-radius
propiedad o element.style.OTransform
correspondientes a la -o-transform
propiedad. La excepción es Trident, que utilizó un prefijo en minúsculas, por ejemplo element.style.msTransform
.
- Geco:
-moz-
- Todos los selectores, propiedades y valores experimentales tienen el prefijo "-moz-", por ejemplo, en::-moz-selection
lugar de::selection
. - Webkit:
-webkit-
- Todos los selectores, propiedades y valores experimentales tienen el prefijo "-webkit-", por ejemplo, en-webkit-box-shadow
lugar debox-shadow
. - Tridente:
-ms-
- Todas las propiedades experimentales tienen el prefijo "-ms-", por ejemplo, en-ms-interpolation-mode
lugar deinterpolation-mode
. - KHTML:
-khtml-
- Todos los selectores, propiedades y valores experimentales tienen el prefijo "-khtml-", por ejemplo, en-khtml-opacity
lugar deopacity
. - Presto:
-o-
- Todas las propiedades experimentales tienen el prefijo "-o-", por ejemplo, en-o-transition-property
lugar detransition-property
.
Abreviaturas
- CSS1 : Especificación de nivel 1 de hojas de estilo en cascada (CSS1) [especificación 1]
- CSS2 : Hojas de estilo en cascada Nivel 2 Revisión 1 (CSS 2.1) Especificación [especificación 2]
- CSS3 : Módulo CSS Nivel 3
- CSS4 : Módulo CSS Nivel 4
Gramática y reglas
Tridente | EdgeHTML | Geco | WebKit | KHTML | Presto | ||||||
---|---|---|---|---|---|---|---|---|---|---|---|
CSS2 | !important | Aumento de peso | 7.0 | 12 | 1.0 | 85 | sí | 1.0 | |||
/*Comment*/ | Comentarios | 3,0 | 12 | 1.0 | 85 | sí | 1.0 | ||||
@import | Importar hoja de estilo | 8.0 | 12 | 1.0 | sí | sí | 1.0 | ||||
@charset | Conjunto de caracteres | 5.5 | 12 | 1.0 | sí | 4.2.3 | 1.0 | ||||
@media | Reglas específicas de los medios | 5.5 | 12 | 1.0 | sí | sí | 1.0 | ||||
css- espacio de nombres-3 | @namespace | Declaración de espacio de nombres | 9.0 [t 1] | 12 | 1.0 | sí | sí | 1.0 | |||
borrador anterior de css3- condicional | @document | Restricción por URL | No | No | 6.0 | No | No | No | |||
css- animaciones-1 | @keyframes | Clave de animación | 10.0 [t 2] | 12 | 16,0 | Experimental | No | 2.12 | |||
css3- condicional | @supports | Reglas condicionales | No | 12 | 22,0 [g 1] | 28,0 [w 1] | No | 2.12 | |||
CSS-contador -estilos-3 | @counter-style | Estilos de mostrador personalizados | No | No | 33,0 [g 2] | No | No | No | |||
css-device -adapt-1 | @viewport | Ventana gráfica, adaptación de dispositivo | 10.0 [t 3] | 12,0 | No [w 2] | No | No | 2.7.62 [p 1] | |||
filtro -efectos-1 | @filter | Filtrar | No | No | 35,0 | Experimental | No | No | |||
Página | |||||||||||
CSS2 | @page | Para medios paginados | 8.0 | 12 | 19,0 [g 3] | Construcción nocturna [w 3] | No | 1.0 | |||
css-página-3 | @top-left-corner | Cuadros de margen [espec. 3] | No | No | No | No [w 4] | No | No | |||
@top-left | |||||||||||
@top-center | |||||||||||
@top-right | |||||||||||
@top-right-corner | |||||||||||
@bottom-left-corner | |||||||||||
@bottom-left | |||||||||||
@bottom-center | |||||||||||
@bottom-right | |||||||||||
@bottom-right-corner | |||||||||||
@left-top | |||||||||||
@left-middle | |||||||||||
@left-bottom | |||||||||||
@right-top | |||||||||||
@right-middle | |||||||||||
@right-bottom | |||||||||||
Fuente | |||||||||||
css-fonts-3 | @font-face | Definir fuente | 9,0 [t 4] | 12 | 1.9.1 | 525 | 4.3 | 2.2 | |||
@font-feature-values | Definir características de fuente | No | No | 34,0 | No | No | No | ||||
@annotation | Bloque de valor de característica de fuente | ||||||||||
@styleset | No | No | No | No | No | ||||||
@swash | No | No | No | No | No | ||||||
@ornaments | No | No | No | No | No | ||||||
@stylistic | No | No | No | No | No | ||||||
@character-variant | No | No | No | No | No | ||||||
Tridente | EdgeHTML | Geco | WebKit | KHTML | Presto |
- Notas de tridente
- !important- Antes de 7.0,
!important
no anula las reglas definidas más adelante en el mismo bloque de declaración. - @import- Antes de 8.0, la compatibilidad con el tipo de medio no funciona. Por
@import
ejemplo, IE solicita como URL "
" e incluirá elurl()
token y / o comillas en la URL, si están presentes. No se pueden importar más de 35 hojas de estilo.
- Presto notas
- @import- Mientras que Gecko, WebKit e iCab descargan todas las hojas de estilo de medios inmediatamente, Opera solo descarga medios portátiles, impresos, de proyección y de pantalla, así como voz si la función "voz" está habilitada y la TV, en dispositivos de TV. El modo de emulación del navegador de texto es solo una hoja de estilo de usuario, por lo que no cambia al tipo de medio tty. Esto es consistente con los navegadores de texto más antiguos, que no respetan ningún CSS.
Selectores
Tridente | EdgeHTML | Geco | WebKit | KHTML | Presto | ||||||
---|---|---|---|---|---|---|---|---|---|---|---|
Selectores de elementos [especificación 4] | |||||||||||
CSS2 | * | Universal | 7.0 | 12 | 1.0 | 85 | sí | 1.0 | |||
E | Elemento | 4.0 | 12 | 1.0 | 85 | sí | |||||
E.class | Clase | 7.0 | 12 | 1.0 | 85 | sí | |||||
E#id | IDENTIFICACIÓN | 4.0 | 12 | 1.0 | 85 | sí | |||||
selectores-3 | ns|E | Espaciado de nombres | 9.0 | 12 | 1.0 | sí | sí | ||||
Selectores de relaciones | |||||||||||
CSS2 | E F | Descendiente | 4.0 | 12 | 1.0 | 85 | sí | 1.0 | |||
E > F | Niño | 7.0 | 12 | 1.0 | 85 | sí | |||||
E + F | Adyacente directo | 7.0 | 12 | 1.0 | 85 | sí | |||||
selectores-3 | E ~ F | Adyacente indirecto | 7.0 | 12 | 1,7 | 412 | 3.3.2 | 2.0 | |||
selectores-4 | E /for/ F | Combinadores de referencia | No | No | No | No | No | No | |||
E! > F | Sujeto | No | No | No [g 4] | No | No | No | ||||
F || E | Relación de columna | No | No | No | No | No | No | ||||
Selectores de atributos | |||||||||||
CSS2 | E[attr] | Posee | 7.0 | 12 | 1.0 | 85 | sí | 1.0 | |||
E[attr="value"] | Igual | 7.0 | 12 | 1.0 | sí | sí | |||||
E[attr~="value"] | Contiene (separados por espacios) | 7.0 | 12 | 1.0 | sí | sí | |||||
E[attr|="value"] | Contiene (separados por guiones) | 7.0 | 12 | 1.0 | sí | sí | |||||
selectores-3 | E[attr^="value"] | Empieza con | 7.0 | 12 | 1.0 | sí | 3.4 | 1.0 | |||
E[attr$="value"] | Termina con | 7.0 | 12 | 1.0 | sí | 3.4 | 2.0 | ||||
E[attr*="value"] | Contiene subcadena | 7.0 | 12 | 1.0 | sí | 3.4 | |||||
E[ns|attr] | Espaciado de nombres | 7.0 | 12 | 1.0 | sí | 3.4 | |||||
selectores-4 | E[foo="bar" i] | Sensibilidad a mayúsculas y minúsculas | No | No | No | No | No | No | |||
Pseudoclases | |||||||||||
CSS2 | E:link | Hipervínculo no visitado | 3,0 | 12 | 1.0 | 85 | sí | 1.0 | |||
E:visited | Hipervínculo visitado | 3,0 | 12 | 1.0 | 85 | sí | |||||
E:active | Activo | 8.0 | 1.0 | 12 | 85 | sí | |||||
E:hover | Ratón sobre | 7.0 | 12 | 1.0 | 419,3 | sí | |||||
E:focus | Enfocado | 8.0 | 12 | 1.0 | sí | sí | |||||
E:first-child | Primer hijo | 7.0 | 12 | 1.0 | 85 | sí | |||||
E:lang() | Idioma | 8.0 | 12 | 1.2 | 525 | 3.4 | |||||
@page:first | Primera página | 8.0 | 12 | No [g 5] | Sí [w 5] | No | |||||
@page:left | Página izquierda | ||||||||||
@page:right | Página derecha | ||||||||||
selectores-3 | E:root | Raíz | 9.0 | 12 | 1.0 | 85 | 3.4 | 2.1 | |||
E:not() | Negación | ||||||||||
E:empty | Vacío | 1.8 | 412 | ||||||||
E:first-of-type | Primer hijo de tipo | 1.9.1 | 525 | ||||||||
E:last-child | Último niño | 1.0 | |||||||||
E:last-of-type | Último hijo de tipo | 1.9.1 | |||||||||
E:only-child | Hijo único | 1.8 | |||||||||
E:only-of-type | Hijo único de tipo | 1.9.1 | |||||||||
E:nth-child | N º niño | 1.9.1 | |||||||||
E:nth-last-child | N º último hijo | 1.9.1 | |||||||||
E:nth-of-type | N º niño de tipo | 1.9.1 | |||||||||
E:nth-last-of-type | N º último hijo de tipo | 1.9.1 | |||||||||
E:target | Objetivo | 1.3 | 2.5 | ||||||||
E:enabled | Estado habilitado | 1.8 | 2.0 | ||||||||
E:disabled | Estado discapacitado | 1.8 | |||||||||
E:checked | Estado comprobado | 1.0 | |||||||||
selectores-4 | E:indeterminate | Estado indeterminado | 1.9.2 | 522 | No | No | |||||
E:default | Defecto | No | No | 1,9 | Sí [w 6] | 4.3 | 2.0 | ||||
E:valid | Válido | 10.0 [t 5] | 12 | 1.8 | Sí [w 7] | No | |||||
E:invalid | Inválido | 10.0 [t 6] | 12 | ||||||||
E:in-range | En el rango | No | 13 | Sí [w 8] | |||||||
E:out-of-range | Fuera de rango | No | 13 | ||||||||
E:required | Requerido | 10.0 [t 7] | 12 | 2,0 [g 6] | Sí [w 9] | ||||||
E:optional | Opcional | 10.0 [t 8] | 12 | ||||||||
E:read-only | Solo lectura | No | 13 | Experimental [g 7] | No | Incorrecto | Incorrecto | ||||
E:read-write | Lee y escribe | No | 13 | ||||||||
E:not(s1, s2) | Negaciones | No | No | No | No | No | No | ||||
E:matches(s1, s2) | Coincide con cualquiera | No [g 8] | |||||||||
E:has(s1) | Pseudoclase relacional | No | |||||||||
E:dir(ltr) | Direccionalidad | 17 [g 9] | |||||||||
E:lang(zh, *-hant) | Idiomas | No | |||||||||
E:any-link | Hipervínculo | 50,0 [g 10] | |||||||||
E:local-link | Enlace local | No | |||||||||
E:local-link(0) | Enlace local | ||||||||||
E:scope | Referencia contextual | 20 [g 11] | |||||||||
E:current | Dimensión del tiempo: actual | No | |||||||||
E:current(s) | Dimensión del tiempo: actual | ||||||||||
E:past | Dimensión del tiempo: pasado | ||||||||||
E:future | Dimensión del tiempo: futuro | ||||||||||
E:nth-match(n of selector) | N º niño de | ||||||||||
E:nth-last-match(n of selector) | N º último hijo de | ||||||||||
E:column(selector) | Columna | ||||||||||
E:nth-column(n) | N º columna | ||||||||||
E:nth-last-column(n) | N º última columna | ||||||||||
E:placeholder-shown | texto del marcador | ||||||||||
E:active-drop | recibirá el artículo | ||||||||||
E:valid-drop | podría recibir el artículo | ||||||||||
E:invalid-drop | no puedo recibir el artículo | ||||||||||
Pseudo-elementos | |||||||||||
CSS2 | E:first-letter | Primera letra | 9.0 | 12 | 1.0 | 85 | sí | 1.0 | |||
E:first-line | Primera linea | Parcial | |||||||||
E:before | Antes | 8.0 | 1.9.1 | Parcial | |||||||
E:after | Después | ||||||||||
selectores-3 | E::before | Notación de dos puntos | 9.0 | 12 | 1.9.1 | Parcial | 3.4 | 1.0 | |||
E::after | Notación de dos puntos | ||||||||||
E::first-letter | Notación de dos puntos | 1,5 | 85 | ||||||||
E::first-line | Notación de dos puntos | Parcial | |||||||||
css-pseudo-4 | E::marker [especificación 5] | marcador de lista | No | No | No | No | No | No | |||
E::selection | Selección | 9.0 | 12 | Experimental [g 12] | 412 | 3.4 | 2.1 | ||||
Pseudo elementos de la interfaz de usuario de CSS | E::value | fragmentos de elementos de la interfaz de usuario [espec. 6] | No | No | No | No | No | No | |||
E::choices | |||||||||||
E::repeat-item | |||||||||||
E::repeat-index | |||||||||||
Tridente | EdgeHTML | Geco | WebKit | KHTML | Presto |
- Notas generales
- :read-onlyy :read-write- Tanto Presto como KHTML manejan las mayúsculas y minúsculas del
contenteditable
atributo de forma incorrecta.
- Notas de tridente
- :active- Antes de 8.0,
:active
solo se admite en elementos de anclaje. - :hover- Antes de 7.0,
:hover
solo se admite en elementos de anclaje. - .one.two- Antes de 7.0, solo
.two
se tenía en cuenta el selector de clases. - * - Antes de la versión 7.0, esto se trataba como un elemento único o nulo.
- [attr]- Coincide con todos
td
yth
en una tabla cuando el atributo escolspan
(independientemente de si alguno tiene realmente uncolspan
atributo). [t 9] Esto puede no ser un error, ya que existe ambigüedad en la especificación. [t 10] - :first-letter, :first-line- Antes de IE9 en 6.0, combinar
:first-letter
reglas con otras puede ser problemático. [t 11] En 8.0, las reglas con!important
dentro:first-line
y:first-letter
declaraciones se ignoran . [t 12]
- Notas de gecko
- (:):before, (:):after- Comportamiento CSS2.0: algunas propiedades no están implementadas antes de 1.9.1. [g 13]
- Notas de WebKit
- :lang() - Solo se detecta cuando está presente explícitamente en el elemento que se está probando, el atributo no se hereda.
- (:):first-line-
text-transform
no se aplica con este pseudoelemento. [w 10] (:):before/after
- algunos estilos no se pueden aplicar:before
y:after
pseudoelementos, como animaciones y transiciones. [w 11]
- Presto notas
- :target - Antes de la 2.5, los estilos no se aplicaban al navegar con los botones de avance y retroceso.
Propiedades
Tridente | EdgeHTML | Geco | WebKit | KHTML | Presto | ||
---|---|---|---|---|---|---|---|
Cascada y herencia | |||||||
css- cascada-3 | all | No | No | 27,0 [g 14] | No | No | No |
Monitor | |||||||
CSS2 | display | 8.0 | 12 | 1,9 | 85 | sí | 1.0 |
Borrador anterior de css- display-3 | display-inside | No | No | No | No | No | No |
display-outside | |||||||
display-list | |||||||
css- display-3 | box-suppress | ||||||
Modelo de caja [especificación 7] | |||||||
CSS2 | margin | 9.0 | 12 | 1.0 | 85 | sí | 1.0 |
padding | 4.0 | 1.0 | 85 | sí | |||
width | 4.0 | 1.0 | 85 | sí | |||
height | 4.0 | 1.0 | 85 | sí | |||
float | 5,0 | 1.0 | 85 | sí | |||
clear | 5,0 | 1.0 | 85 | sí | |||
min-width | 7.0 | 1.0 | Parcial | sí | |||
max-width | 7.0 | 1.0 | Parcial | sí | |||
min-height | 7.0 | 1,7 | Parcial | 3.3.2 | |||
max-height | 7.0 | 1,7 | Parcial | 3.3.2 | |||
visibility | 9.0 | 1.8 | Parcial | Parcial | 2.5 | ||
Desbordamiento | |||||||
CSS2 | overflow | 9.0 | 12 | 1.0 | 85 | 3.2 | 1.0 |
css- desbordamiento- 3 | overflow-x | 9.0 | 12 | 1.8 | 525 | 3.5.6 | 2.1 |
overflow-y | |||||||
max-lines | No | No | No | No | No | No | |
Fronteras | |||||||
CSS2 | border | 4.0 | 12 | 1.0 | 85 | sí | 1.0 |
border-color | 7.0 | ||||||
border-style | 8.0 | ||||||
border-width | 4.0 | ||||||
border-top | 5.5 | ||||||
border-right | |||||||
border-bottom | |||||||
border-left | |||||||
css- fondos-3 | border-radius | 9.0 [t 1] | 12 | 2,0 [g 15] | 533 [w 12] | Experimental | 2.5 |
border-image | 11,0 | 15,0 [g 16] | Experimental | No | 2.5 | ||
border-image-source | 15,0 [g 17] | No | No | ||||
border-image-slice | |||||||
border-image-width | |||||||
border-image-outset | |||||||
border-image-repeat | |||||||
box-shadow | 9,0 [t 13] | 2,0 [g 18] [g 19] | Sí [w 13] | No | 2.5 | ||
box-decoration-break | No | No | 32,0 [g 20] | No [w 14] | No | 2.7 [p 2] | |
Tridente | EdgeHTML | Geco | WebKit | KHTML | Presto | ||
Diseño de línea [especificación 8] | |||||||
CSS2 | line-height | 4.0 | 12 | 1.0 | 85 | sí | 1.0 |
vertical-align | 8.0 | 1.0 | 85 | sí | |||
Posicionamiento | |||||||
CSS2 | position | 7.0 | 12 | 1.0 | 85 | sí | 1.0 |
top | 8.0 | 1.0 | 85 | sí | |||
right | 8.0 | 1.0 | 85 | sí | |||
bottom | 8.0 | 1.0 | 85 | sí | |||
left | 8.0 | 1.0 | 85 | sí | |||
z-index | 8.0 | 1,9 | 85 | sí | |||
Módulo de alineación de cajas | |||||||
css-align-3 | |||||||
align-content | 11,0 | 12 | 28,0 | Experimental | No | No | |
align-items | 20,0 | ||||||
align-self | |||||||
justify-content | |||||||
justify-items | No | No | No | ||||
justify-self | |||||||
Contenido generado y reemplazado [especificación 9] | |||||||
CSS2 | quotes | 8.0 | 12 | sí | 412 [w 15] | 3.4 | 1.0 |
content | 9,0 [t 14] | 1,9 | Parcial | sí | 2,7 | ||
counter-increment | 8.0 | 1.8 | 525 | 3.4 | 1.0 | ||
counter-reset | 8.0 | 1.8 | 525 | 3.4 | |||
Listas [especificación 10] | |||||||
CSS2 | list-style | 4.0 | 12 | 1.0 | 85 | sí | 1.0 |
list-style-image | 4.0 | 1.0 | 85 | sí | |||
list-style-position | 4.0 | 1.0 | 85 | sí | |||
list-style-type | 8.0 | 1.0 | 85 | 3.4 | |||
Colores | |||||||
CSS2 | color | 3,0 | 12 | 1.0 | 85 | sí | 1.0 |
css-color-3 | opacity | 9.0 [t 1] | 12 | 1,7 | 125 | 4.0 | 2.0 |
Tridente | EdgeHTML | Geco | WebKit | KHTML | Presto | ||
Antecedentes | |||||||
CSS2 | background | 4.0 | 12 | 1.0 | 85 | sí | 1.0 |
background-attachment | 7.0 | ||||||
background-color | 4.0 | ||||||
background-image | 8.0 | ||||||
background-position | 8.0 | ||||||
background-repeat | 4.0 | ||||||
css- fondos-3 | background (multiple) | 9.0 [t 1] | 12 | 1.9.2 | 312 | 3,5 | 2.5 |
background-clip | 2,0 [g 21] | Sí [w 16] | Experimental | ||||
background-origin | |||||||
background-size | Sí [w 17] | ||||||
Primeras ideas para css- backgrounds-4 | background-position-x | 8.0 [t 15] | 12 | No | Experimental | No | No |
background-position-y | |||||||
Fuentes | |||||||
CSS2 | font | 4.0 | 12 | 1.0 | 85 | sí | Incorrecto |
font-family | 4.0 | 1.0 | 85 | sí | 1.0 | ||
font-size | 3,0 | 1.0 | 85 | sí | |||
font-style | 4.0 | 1.0 | 85 | sí | |||
font-variant | 4.0 | 1.0 | 125 | sí | |||
font-weight | 8.0 | Parcial | Parcial | sí | Incorrecto | ||
css-fonts-3 | font-size-adjust | 10.0 [t 16] | 12 | 1,9 | No [w 18] | No | No |
font-stretch | 9.0 [t 1] | 9,0 [g 22] | No [w 19] | No | No | ||
font-feature-settings | 10.0 [t 17] | 34,0 [2] [g 23] | No [w 20] | No | No | ||
font-kerning | No | No | No | No | No | ||
font-language-override | No | No | No | No | |||
font-synthesis | No | No | No | No | |||
font-variant-alternates | No | No | No | No | |||
font-variant-caps | |||||||
font-variant-east-asian | |||||||
font-variant-ligatures | |||||||
font-variant-numeric | |||||||
font-variant-position | |||||||
unicode-range | 9,0 [t 18] | 12 | 38,0 [g 24] | No | No | No | |
Texto | |||||||
CSS2 | text-align | 4.0 | 12 | 1.0 | 85 | sí | 1.0 |
text-decoration | sí | 1.0 | 85 | sí | |||
text-indent | 3,0 | 1.0 | 85 | sí | |||
text-transform | 4.0 | 1.0 | 85 | sí | |||
letter-spacing | 4.0 | 1.0 | 85 | sí | |||
word-spacing | 8.0 | 1.0 | 85 | sí | |||
white-space | 8.0 | 1.9.1 | 522 | sí | 2.1 | ||
css-text-3 | word-break | Parcial | Parcial | 15,0 [g 25] | No | No | No |
line-break | 11,0 | 12 | No | No | No | No | |
hyphens | 10.0 [t 19] | 12 | 6,0 [g 26] | Experimental | No | No | |
word-wrap | 5,0 | 12 | 1.9.1 | 85 | 4.3 | 2.5 | |
overflow-wrap | No | No | No [g 27] | No | No | No | |
text-align-last | Parcial | Parcial | 12,0 [g 28] | No [w 21] | No | No | |
text-justify | 5.5 | 12 | No [g 29] | No | No | No | |
text-emphasis | No | No | No | No | No | No | |
hanging-punctuation | No | No | No | No [w 22] | No | No | |
Primeras ideas para css- text-4 | hyphenate-character | No | No | No | No | No | No |
hyphenate-limit-zone | 10.0 [t 20] | 12 | |||||
hyphenate-limit-chars | 10.0 [t 21] | 12 | |||||
hyphenate-limit-lines | 10.0 [t 22] | 12 | |||||
hyphenate-limit-last | No | No | |||||
text-space-collapse | |||||||
text-spacing | |||||||
text-wrap | |||||||
Decoración de texto | |||||||
css-text -decor-3 | text-shadow | 10.0 [t 23] | 12 | 1.9.1 | sí | 3.4 | 2.1 |
text-decoration-style | No | No | 36,0 [g 30] [g 31] | No [w 23] | No | No | |
text-decoration-color | No | No | No | No | |||
text-decoration-line | No | No | No | No | |||
text-decoration-skip | No | No | No | No | No | ||
text-underline-position | 11,0 | 12 | No | No | No | No | |
text-emphasis-style | No | No | No | No | No | No | |
text-emphasis-color | |||||||
text-emphasis | |||||||
text-emphasis-position | |||||||
Tridente | EdgeHTML | Geco | WebKit | KHTML | Presto | ||
Modos de escritura | |||||||
CSS2 | direction | 5,0 | 12 | 1.0 | 85 | sí | 1.0 |
unicode-bidi | 5,0 | 1.0 | 525 | sí | |||
CSS- escritura- modos-3 | writing-mode | 7,0 [t 24] | 12 | No [g 32] | Construcción nocturna [w 24] | No | No |
text-combine-horizontal | 11,0 [t 25] | 12,0 | No | No | No | No | |
text-orientation | No | No | No | No | No | No | |
Mesas | |||||||
CSS2 | border-collapse | 8.0 | 12 | 1.0 | 125 | sí | 1.0 |
border-spacing | 8.0 | 1.0 | 125 | sí | |||
caption-side | 8.0 | 1.4 | 85 | sí | |||
empty-cells | 8.0 | 1.0 | 125 | sí | |||
table-layout | 5,0 | 1.0 | 85 | sí | |||
Interfaz de usuario | |||||||
CSS2 | cursor | 5.5 | 12 | 1.8 | 125 | sí | Parcial |
outline | 8.0 | 1.8 | 125 | sí | 1.0 | ||
outline-color | 8.0 | 1.8 | 125 | sí | |||
outline-style | 8.0 | 1.8 | 125 | sí | |||
outline-width | 8.0 | 1.8 | 125 | sí | |||
css-ui-3 | outline-offset | No | No | 1.8 | 125 | 3,5 | 2.1 |
box-sizing | 8.0 | 12 | 29,0 [g 33] | Sí [w 25] | 3.3.2 | 1.0 | |
resize | No | No | 2,0 [g 34] | 525 | No | No | |
appearance | No | 12 | Experimental | Experimental | No | No | |
icon | No | No | No | No | No | No | |
nav-index | No | No | No | No | 2.1 | ||
nav-up | No | No | No | No | |||
nav-right | No | No | No | No | |||
nav-down | No | No | No | No | |||
nav-left | No | No | No | No | |||
text-overflow | Parcial | Parcial | 7,0 [g 35] | Parcial | 3.5.6 | Experimental (todas las noches) [p 3] | |
Medios paginados | |||||||
CSS2 | |||||||
page-break-before | 4.0 | 12 | Parcial | Parcial | 3,5 | 1.0 | |
page-break-after | |||||||
page-break-inside | 8.0 | 19,0 [g 36] | 312 | ||||
orphans | No [g 37] | ||||||
widows | |||||||
css-página-3 | page | No | No | No | No | No | No |
size | No | No [g 38] | No [w 26] | No | 1.0 | ||
image-orientation | No | 26,0 [g 39] | No | No | No | ||
object-fit | No | 36,0 [g 40] | No | No | 2.7 [p. 4] | ||
object-position | No | No | No | ||||
Discurso | |||||||
css-discurso-1 | cue | No | No | No [g 41] | No | No | 1.0 |
cue-after | |||||||
cue-before | |||||||
pause | |||||||
pause-after | |||||||
pause-before | |||||||
speak | Construcción nocturna [w 27] | ||||||
voice-family | No | ||||||
voice-balance | Experimental | ||||||
voice-duration | |||||||
voice-pitch | |||||||
voice-pitch-range | |||||||
voice-rate | |||||||
voice-stress | |||||||
voice-volume | |||||||
interpret-as | |||||||
phonemes | |||||||
rest | No | ||||||
rest-after | |||||||
rest-before | |||||||
mark | |||||||
mark-after | |||||||
mark-before | |||||||
Tridente | EdgeHTML | Geco | WebKit | KHTML | Presto | ||
Preguntas de los medios | |||||||
css3- mediaqueries | width | 9,0 [t 26] | 12 | 1.9.1 | 525 | 4.1 | 2.0 |
height | |||||||
device-width | |||||||
device-height | |||||||
device-aspect-ratio | |||||||
color | 2.5 | ||||||
color-index | |||||||
monochrome | |||||||
resolution | No | ||||||
orientation | 4.2.1 | No | |||||
aspect-ratio | 2.1 | ||||||
grid | 11,0 | sí | 4.1 | 2.5 | |||
scan | |||||||
Personajes rubí | |||||||
css-ruby-1 | ruby-position | No | No | 38,0 [g 42] | No | No | No |
ruby-align | |||||||
ruby-merge | No | ||||||
Diseño de varias columnas | |||||||
css- multicol-1 | column-count | 10.0 [t 27] | 12 | Experimental [g 43] | Experimental | No | 2.8 [p 5] |
column-width | |||||||
column-gap | |||||||
column-rule | |||||||
columns | 9,0 [g 44] | ||||||
break-before | No [g 45] | Experimental [w 28] | |||||
break-after | |||||||
break-inside | No [w 29] | ||||||
column-fill | 14,0 [g 46] | No | |||||
column-span | No [g 47] | Experimental [w 30] | |||||
Diseño de cuadrícula | |||||||
css- cuadrícula-1 | grid | No | No | Experimental [g 48] | Experimental [w 31] | No | No |
grid-template | |||||||
grid-template-columns | |||||||
grid-template-rows | |||||||
grid-template-areas | |||||||
grid-auto-columns | |||||||
grid-auto-rows | |||||||
grid-auto-flow | |||||||
grid-auto-position | |||||||
grid-columns | 10.0 [t 28] | 12 | |||||
grid-columns-start | No | No | |||||
grid-columns-end | |||||||
grid-row | 10.0 [t 29] | 12 | |||||
grid-row-start | No | No | |||||
grid-row-end | |||||||
grid-area | |||||||
Animación | |||||||
css- animaciones-1 | |||||||
animation | 10.0 [t 30] | 12 | 16,0 [g 49] | Experimental | No | 2.12 | |
animation-delay | |||||||
animation-direction | |||||||
animation-duration | |||||||
animation-iteration-count | |||||||
animation-name | |||||||
animation-play-state | |||||||
animation-timing-function | |||||||
animation-fill-mode | |||||||
Transforma | |||||||
css- transformaciones- 1 | |||||||
transform | 10.0 [t 31] | 12 | 16,0 | Experimental | No | 2.12 | |
transform-origin | |||||||
transform-style | No | ||||||
perspective | |||||||
perspective-origin | |||||||
backface-visibility | |||||||
Transiciones | |||||||
css- transiciones-1 | |||||||
transition-property | 10.0 [t 32] | 12 | 16,0 [g 50] | Experimental | No | Experimental | |
transition-duration | |||||||
transition-timing-function | |||||||
transition-delay | |||||||
transition | |||||||
Diseño de caja flexible | |||||||
css- flexbox-1 | |||||||
flex | 11,0 | 12 | 22,0 [g 51] | 9,0 [w 32] | No | 2.12 | |
flex-basis | No | ||||||
flex-direction | 2.12 | ||||||
flex-flow | 28,0 | No | |||||
flex-grow | 22,0 | 2.12 | |||||
flex-shrink | No | ||||||
flex-wrap | 28,0 | No | |||||
order | 22,0 | 2.12 | |||||
Tridente | EdgeHTML | Geco | WebKit | KHTML | Presto | ||
Regiones | |||||||
CSS- regiones-1 | |||||||
flow-into | 10.0 [t 33] | 12 | No [g 52] | Construcción nocturna | No | No | |
flow-from | |||||||
region-fragment | No | No | |||||
break-before | No | No | |||||
break-after | |||||||
break-inside | |||||||
Exclusiones | |||||||
css3- exclusiones | |||||||
wrap-flow | 10.0 [t 34] | 12 | No [g 53] | Construcción nocturna | No | No | |
wrap-through | |||||||
Formas | |||||||
css- formas-1 | |||||||
shape-margin | No | No | No | Construcción nocturna | No | No | |
shape-outside | No | ||||||
shape-image-threshold | |||||||
Enmascaramiento | |||||||
CSS2 | clip | 8.0 | 12 | 1.0 | 85 | sí | 1.0 |
css- enmascaramiento-1 | |||||||
clip-path | No | No | 1.9.1 | No | No | No | |
clip-rule | No | ||||||
mask | No | No | Parcial | Parcial | Parcial | Parcial | |
mask-box-image | No | No | No | Experimental | No | No | |
mask-box-image-outset | No | ||||||
mask-box-image-repeat | |||||||
mask-box-image-slice | |||||||
mask-box-image-source | |||||||
mask-box-image-width | |||||||
mask-clip | No | No | No | Experimental | No | No | |
mask-image | |||||||
mask-origin | |||||||
mask-position | |||||||
mask-repeat | |||||||
mask-size | |||||||
mask-type | 20,0 | No | |||||
Composición y fusión | |||||||
composición- 1 | |||||||
mix-blend-mode | No | No | 32,0 | No | No | No | |
isolation | 36,0 | ||||||
background-blend-mode | 30,0 | ||||||
Efectos de filtro | |||||||
filtro -efectos-1 | |||||||
filter | No | 13 | 35,0 [g 54] | 18,0 [w 33] | No | No | |
flood-color | No | No | No | ||||
flood-opacity | |||||||
color-interpolation-filters | |||||||
lighting-color | |||||||
Eventos de puntero | |||||||
SVG1.1 yborrador anterior de css3-ui | pointer-events | 11,0 | 12,0 | 1.9.2 | 530 | No | 2.0 |
puntero- eventos | touch-action | 11,0 | 12,0 | 29,0 [g 55] | No | No | No |
Cuadrícula de línea | |||||||
css-line -grid-1 | |||||||
box-snap | No | No | No | No | No | No | |
line-grid | |||||||
line-slack | |||||||
line-snap | |||||||
Tridente | EdgeHTML | Geco | WebKit | KHTML | Presto | ||
Propiedades lógicas | |||||||
Primeras ideas para css - logic -1 | |||||||
block-size | No | No | 41,0 [g 56] | No | No | No | |
inline-size | |||||||
min-block-size | |||||||
min-inline-size | |||||||
max-block-size | |||||||
max-inline-size | |||||||
margin-block-start | |||||||
margin-block-end | |||||||
margin-inline-start | |||||||
margin-inline-end | |||||||
offset-block-start | |||||||
offset-block-end | |||||||
offset-inline-start | |||||||
offset-inline-end | |||||||
padding-block-start | |||||||
padding-block-end | |||||||
padding-inline-start | |||||||
padding-inline-end | |||||||
border-block-start-width | |||||||
border-block-end-width | |||||||
border-inline-start-width | |||||||
border-inline-end-width | |||||||
border-block-start-style | |||||||
border-block-end-style | |||||||
border-inline-start-style | |||||||
border-inline-end-style | |||||||
border-block-start-color | |||||||
border-block-end-color | |||||||
border-inline-start-color | |||||||
border-inline-end-color | |||||||
border-block-start | |||||||
border-block-end | |||||||
border-inline-start | |||||||
border-inline-end | |||||||
background-image-transform | No | ||||||
border-image-transform | |||||||
Cambiará | |||||||
css- cambiará-1 | will-change | No | No | 36,0 | No | No | No |
Vista CSSOM | |||||||
cssom- ver | scroll-behavior (opcional [3] ) | No | No | 36,0 | No | No | No |
Desplazar puntos de ajuste | |||||||
Primeras ideas para css- snappoints | scroll-snap-type | 10.0 | 12 | 39,0 [g 57] | No | No | No |
scroll-snap-points-x | |||||||
scroll-snap-points-y | |||||||
scroll-snap-destination | |||||||
scroll-snap-coordinate | |||||||
Tridente | EdgeHTML | Geco | WebKit | KHTML | Presto |
- Notas de tridente
- margin-
inherit
hereda el cálculo y lo vuelve a calcular en lugar de heredar el valor calculado. [t 35] - display- Antes de 7.0, solamente
none
,block
,inline
,table-header-group
, ytable-footer-group
son totalmente compatibles. Antes de 8.0,table
no se admiten, mientrasinline-block
que solo se admite en elementos que están naturalmente en línea. - overflow- Antes de 7.0,
overflow: visible;
se admite incorrectamente. En 8.0,scroll
hace que la altura del elemento sea igual a la suyamax-height
incluso si el contenido no es tan alto. [t 36] Esto se ha corregido en IE9. - visibility- Antes de 8.0,
visibility: collapse;
no es compatible. En 8.0, los elementos en línea convisibility: visible;
elementos de bloque interiores convisibility: hidden;
no son visibles. [t 37] - content- En 8.0, los
attr()
valores calculados no se actualizan cuando cambia el atributo. [t 38] - border-color- Antes de 7.0,
transparent
no es compatible. - border-style- Antes de 8.0,
hidden
no es compatible. - border-style- Antes de 7.0,
dotted
se representa comodashed
. - box-shadow- Trident 9.0 representa el valor de desenfoque de sombra de cuadro en aproximadamente la mitad del valor declarado. Antes de 9.0, trident soporta una funcionalidad similar desde 5.5 usando los filtros propietarios Shadow [t 39] y DropShadow [t 40] .
- position- Antes de 7.0, no se admitía el posicionamiento fijo. 7.0 y posteriores lo admiten solo en modo compatible con los estándares.
- z-index- Antes de 8.0,
z-index
solo se admite parcialmente. [t 41] En 8.0, se aceptan valores de coma flotante además de los números enteros. [t 42] - list-style-type- Antes de 8,0,
armenian
,decimal-leading-zero
,georgian
,lower-greek
,lower-latin
,upper-latin
no se admiten. - opacity- Antes de 9.0, Trident admitía una alternativa propietaria. [t 43]
- background-image- Antes de 8.0, las imágenes de fondo están mal posicionadas en algunos casos. [t 44] [t 45]
- background-attachment- Antes de 7.0, solo
fixed
se permitía en elbody
elemento. - background-position - Antes de 8.0, no se admite el posicionamiento fijo.
- font-weight- Antes de 8.0, renderizado incorrecto cuando el valor es 600. [t 46]
- text-align- En 8.0,
text-align
no es heredado por:before
y:after
pseudo-elementos. [t 47] - white-space- Antes de 6.0,
pre
no es compatible. Antes de 8.0,white-space
solo se admite parcialmente;pre-line
ypre-wrap
no son compatibles. [t 48] - cursor - No falla en extensiones de proveedores sin prefijo.
- flex- Experimental en 10.0 [t 49]
- break-after; break-before; break-inside - Aunque 10.0 soporta break-after, break-before y break-inside para columnas, no parecen soportar las propiedades "región" y "evitar-región".
- Notas de gecko
- display - Valores excepto inline-block y inline-table admitidos antes de 1.9.
- z-index - Los valores negativos están mal soportados antes de 1.9.
- content- el
none
valor no se admite antes de 1.9. Esta propiedad también falla en cualquier elemento normal (no pseudo), que debe admitir de acuerdo con la especificación CSS3 "Módulo de contenido generado y reemplazado". - background-position - Las versiones anteriores a 1.7 implementan la sintaxis CSS2, no la sintaxis expandida CSS2.1 propuesta.
- font-size-adjust - Antes de 1.9, compatible solo con Windows.
- font-weight - Solo se utilizan los pesos Regular y Negrita, incluso si se instalan caras Ligeras o Pesadas / Negras, a menos que se utilice DirectWrite en Gecko 2.0 en Windows 7 o Windows Vista.
- white-space-
pre-line
no es compatible con versiones anteriores a 1.9.1. Antes de 1.9,pre-wrap
solo se admitía experimentalmente como-moz-pre-wrap
. - visibility-
collapse
no es compatible con versiones anteriores a 1.8. - border-radius- Antes de 1.9.1, las curvas de borde son circulares, no elípticas como se especifica en el borrador actual de CSS3. Definiciones de atajo para
border-radius
leer "tl tr br bl" en lugar de "tr br bl tl" del W3C. Cuando el estilo de borde tiene puntos o rayas, las curvas se representan como sólidas. [g 58] - page-break-before; page-break-after- Solo se admiten los valores
always
yauto
.
- Notas de WebKit
- max-width; max-height; min-width; min-height- No se admiten en tablas (como se comentó en 2012-12-18, es fijo) [w 34]
- font - Las palabras clave de fuentes del sistema que permiten a los diseñadores adaptar la presentación al entorno del sistema operativo del usuario no son compatibles.
- font-weight - Solo se utilizan los pesos Regular y Negrita, incluso si se instalan caras Ligeras o Pesadas / Negras.
- page-break-before; page-break-after- Solo se admiten los valores
always
yauto
. - white-space- Antes de 522
pre-line
ypre-wrap
no son compatibles. - visibility-
collapse
no está respaldado antes de 522. Su implementación tiene el mismo efectohidden
y, por lo tanto, no es compatible. [w 35] - content- La
none
,open-quote
,close-quote
,no-open-quote
,no-close-quote
ynormal
los valores no son compatibles. Esta propiedad también falla en cualquier elemento normal (no pseudo), que debe admitir de acuerdo con la especificación CSS3 "Módulo de contenido generado y reemplazado". - font-size- La
font-size
propiedad no siempre acepta el valor 0, en "font-size: 0px" el texto sigue siendo visible.
- Notas KHTML
- overflow- Valores
scroll
yauto
no soportados. - page-break-before; page-break-after- Antes de 3.5 solo se admitían los valores
always
yauto
. - visibility- Todas las propiedades son compatibles, pero la implementación de
collapse
tiene el mismo efectohidden
y, por lo tanto, no cumple.
- Presto notas
- counter-increment, counter-reset - Implementé el algoritmo en REC CSS2.
- background-position - Las versiones de Presto anteriores a Opera 8.0 implementan la sintaxis CSS2, no la sintaxis expandida CSS2.1 propuesta.
- font-weight - Representación incorrecta cuando el valor es 600. Representa el texto en un modo de compatibilidad para sitios web creados para Trident.
- visibility- Antes de 2.5, el valor
collapse
no se admitía en las columnas de la tabla. En las filas, tuvo el mismo efectohidden
y, por lo tanto, no cumplió. - cursor-
cursor
se ignora con pseudoclases dinámicas y los cursores personalizados no son compatibles. - content- Antes de 2.7, el
none
valor no era compatible. [p. 6] - font-
inherit
no debe permitirse junto con un valor de tamaño de fuente. Esto no debe analizarse, pero actualmente se realiza en Opera.
Descriptores
Tridente | EdgeHTML | Geco | WebKit | KHTML | Presto | ||
---|---|---|---|---|---|---|---|
@ estilo contador | |||||||
CSS- contador- estilos- 3 | additive-symbols | No | No | No [g 59] | No | No | No |
fallback | |||||||
negative | |||||||
pad | |||||||
prefix | |||||||
range | |||||||
speak-as | |||||||
suffix | |||||||
symbols | |||||||
system | |||||||
@Perfil delantero | |||||||
css- fuentes- 3 | font-family | sí | 12 | sí | sí | sí | sí |
font-feature-settings | |||||||
font-stretch | No | No | No | ||||
font-style | sí | sí | sí | ||||
font-variant | |||||||
font-weight | Parcial | Parcial | Incorrecto | ||||
src | sí | sí | sí | ||||
unicode-range | 36,0 [g 60] | No | No | No | |||
@viewport | |||||||
css- dispositivo- adapt-1 | height | 10.0 [t 50] | 12 | No | No | No | 2,7 |
max-height | No | No | No | ||||
min-height | |||||||
width | 10.0 [t 51] | 12 | 2,7 | ||||
max-width | No | No | No | ||||
min-width | |||||||
zoom | 2,7 | ||||||
max-zoom | |||||||
min-zoom | |||||||
user-zoom | |||||||
orientation | No |
Valores y unidades
Tridente | EdgeHTML | Geco | WebKit | KHTML | Presto | |||
---|---|---|---|---|---|---|---|---|
Números [espec. 11] | ||||||||
CSS2 | | Un número de coma flotante | 3,0 | 12 | 1.0 | 85 | sí | 1.0 |
| ||||||||
| ||||||||
| Un entero | |||||||
valores-css-3 | | 9.0 [t 1] | 12 | sí | Parcial | Parcial | Parcial | |
| 2,0 [g 50] | sí | sí | 2.5 | ||||
| No | No | No | No | ||||
| Espacio restante | No | No | |||||
Instrumentos de cuerda | ||||||||
CSS2 | | Cuerda | 3,0 | 12 | 1.0 | 85 | sí | 1.0 |
\code | Escapadas Unicode | 6.0 | ||||||
Funciones | ||||||||
CSS2 | rect() | Un rectángulo | 8.0 | 12 | 1.0 | 85 | sí | 1.0 |
url() | Identificador uniforme de recursos | 3,0 | 12 | 1.0 | 85 | sí | 1.0 | |
counter() | 8.0 | |||||||
attr() | Identificador de atributo | |||||||
valores-css-3 | calc() | 9.0 [t 1] | 12 | 16,0 [g 61] | Sí [w 36] | No | No | |
toggle() | Alternar entre valores | No | No | No [g 62] | No | No | No | |
css- cuadrícula-1 ? | repeat() | Repite n veces | No | No | 32,0 [g 63] | No | No | No |
Colores | ||||||||
CSS2 | Palabras clave de color HTML4 | 16 colores web predefinidos | 3,0 | 12 | 1.0 | 85 | sí | 1.0 |
#rrggbb or #rgb | Notación hexadecimal | |||||||
rgb(r, g, b) | Notación RGB | 4.0 | ||||||
system colors [especificación 12] | 28 colores de sistema predefinidos | 3,0 | ||||||
css-color-3 | Palabras clave de color SVG | 8.0 | 12 | sí | sí | sí | sí | |
currentColor | El valor de la color propiedad. | 9.0 [t 1] | 1.8 | 528 | sí | 2.1 | ||
rgba(r, g, b, a) | Notación RGBA | 1,9 | 525 | 4.0 | 2.2 | |||
hsl(h, s, l) | Notación HSL | 1,5 | 3.5.5 | 2.1 | ||||
hsla(h, s, l, a) | Notación HSLA | 1,9 | 3.5.5 | 2.2 | ||||
transparent | Transparencia total | 9.0 | 1,9 | 4.0 | Parcial | |||
Valores de imagen | ||||||||
CSS2 | | Tipos de imágenes | 3,0 | 12 | 1.0 | 85 | sí | 1.0 |
css- imágenes-3 | | No | No | No | No | No | No | |
| No | No | No | |||||
| 10.0 [t 52] | 12 | 16,0 | sí | Experimental | |||
| ||||||||
linear-gradient() | Degradados de color | |||||||
radial-gradient() | ||||||||
repeating-linear-gradient() | ||||||||
repeating-radial-gradient() | ||||||||
css- imágenes-4 | conic-gradient() | No | No | No | No | No | No | |
repeating-conic-gradient() | ||||||||
element() | Reproducir elemento | No | No | Experimental | No | No | No | |
cross-fade() | Transición entre imágenes | No | No | No [g 64] | No | No | No | |
image-set() | Negociación de resolución | No | No | No | No | No | No | |
Estilos de mostrador [espec. 13] | ||||||||
CSS- contador- estilos-3 | symbols() | Estilos de contador anónimos | No | No | No | No | No | No |
Palabras clave | ||||||||
CSS2 | auto | Calculado automáticamente | 6.0 | 12 | 1.0 | 85 | sí | 1.0 |
inherit | Heredado de los padres | 8.0 | ||||||
valores-css-3 | initial | No | 13 | 19,0 | 125 | No | No | |
Unidades | ||||||||
CSS2 | px | Pixel | 3,0 | 12 | 1.0 | 85 | sí | 1.0 |
pt | Punto | |||||||
pc | Pica | |||||||
cm | Centímetro | |||||||
mm | Milímetro | |||||||
in | pulgada | |||||||
em | em | |||||||
ex | ex | |||||||
% | Porcentaje | |||||||
valores-css-3 | deg | La licenciatura | 9.0 [t 1] | 12 | 1.9.1 | sí | sí | 2.5 |
grad | Grad | |||||||
rad | Radián | |||||||
turn | turno | 13,0 [g 65] | No | No | No | |||
ms | Milisegundo | 2,0 [g 66] | sí | sí | 2.5 | |||
s | Segundo | |||||||
Hz | Hertz | No | No | No | No | |||
kHz | Kilohercio | |||||||
dpi | Puntos por pulgada | 12 | 1.9.1 | No | 4.1 | 2.5 | ||
dpcm | Puntos por centímetro | |||||||
dppx | Puntos por unidad de píxel | 16,0 | No | ? | No | |||
borrador anterior de css-line- grid-1 | gd | Celdas en la cuadrícula de diseño | No | No | No | No | No | |
unidad que se está considerando para css- template- 3 | fr | Espacio restante en una serie de valores de longitud | 12 | No | No | No | No | |
valores-css-3 | rem | el tamaño de fuente del elemento raíz | 9.0 [t 1] | 1.9.2 | sí | No | 2.10.229 [pág. 7] | |
vw | el ancho de la ventana gráfica | 19,0 [g 3] | 28,0 [w 37] | No | No | |||
vh | la altura de la ventana gráfica | |||||||
vmin | igual al menor de 'vw' o 'vh'. | No | ||||||
vmax | igual al mayor de 'vw' o 'vh'. | |||||||
ch | el ancho del glifo "0" (CERO, U + 0030) que se encuentra en la fuente para el tamaño de fuente utilizado para renderizar. | No | 1.9.1 | No | No | No | ||
Efectos de filtro | ||||||||
efectos de filtro | ||||||||
grayscale() | No | 13 | 35,0 [g 67] | 18,0 [w 38] | No | No | ||
sepia() | ||||||||
saturate() | ||||||||
hue-rotate() | ||||||||
invert() | ||||||||
opacity() | ||||||||
brightness() | ||||||||
contrast() | ||||||||
blur() | ||||||||
drop-shadow() | ||||||||
Variables | ||||||||
css- variables- 1 | ||||||||
--* | definir variable | No | No | 31,0 [g 68] | Experimental [ cita requerida ] | No | No | |
var(--*) | usar variable | |||||||
Tridente | EdgeHTML | Geco | WebKit | KHTML | Presto |
- Notas generales
- transparent -
CSS1 introdujo el valor 'transparente' para la propiedad background-color. CSS2 permitió que border-color también aceptara el valor 'transparente'. La estructura de publicación de Open eBook (tm) 1.0.1 [OEB101] amplió la propiedad 'color' para aceptar también la palabra clave 'transparente'. CSS3 extiende el valor del color para incluir la palabra clave 'transparente' para permitir su uso con todas las propiedades que aceptan un valor
. Esto simplifica la definición de esas propiedades en CSS3. - La turn
unidad no es compatible.
- Notas de tridente
- rect()- Antes de 8.0,
rect()
no se admitía con la sintaxis correcta mediante comas. - auto- En modo peculiaridades ( modo de emulación IE5),
auto
no funciona paramargin
s, excepto elementos de tabla. - transparent- En 7.0 y 8.0, usar
transparent
en lacolor
propiedad hará que el texto sea negro. - transparent- Antes de 7.0,
transparent
no se admite en bordes (se muestra en negro sólido) y se ignora en imágenes PNG.
- Notas de gecko
- Antes de la versión 1.9.1, se usaba el ancho del glifo "M" en lugar del ancho del glifo "0". [g 69]
- Presto notas
- Antes de 2.1, existía un error de cuantificación para valores superiores a 20.47 (sin limitarse a em, pruebe con unidades que no sean de píxeles). [p 8] - transparent- La palabra clave se ignora cuando se usa con la outline-colorpropiedad. Antes de la versión 2.2, también se ignoraba cuando se usaba con las propiedades colory text-shadow.
Ver también
- Comparación de motores de navegador
Referencias
- ^ Mackie, Kurt (10 de diciembre de 2018). "Microsoft Edge Browser para obtener un nuevo motor de renderizado, pero EdgeHTML continúa" . Redmond Mag . Consultado el 21 de diciembre de 2019 .
- ^ MDN: tecnología web para desarrolladores: kerning de fuentes
- ^ La especificación cssom-view de esta propiedad dice que "[u] ser agentes pueden ignorar esta propiedad".
- Especificaciones
- ^ Hojas de estilo en cascada, nivel 1 , W3C
- ^ Especificación de hojas de estilo en cascada Nivel 2 Revisión 1 (CSS 2.1) , W3C
- ^ Módulo de medios paginados CSS, nivel 3: cuadros de margen , W3C
- ^ Selectores Nivel 3 , W3C
- ^ Marcadores: el pseudoelemento ':: marcador' , W3C
- ^ Fragmentos de elementos de la interfaz de usuario: pseudo-elementos3 , W3C
- ^ Modelo de caja básica CSS , W3C
- ^ Módulo de diseño en línea CSS Nivel 3 , W3C
- ^ Módulo de contenido generado CSS Nivel 3 , W3C
- ^ Módulo de Listas CSS Nivel 3 , W3C
- ^ Módulo de valores y unidades Nivel 3 , W3C
- ^ Colores del sistema , W3C
- ^ Estilos de contador CSS Nivel 3 , W3C
- Tridente
- ^ a b c d e f g h yo j Guía de vista previa de la plataforma Internet Explorer para desarrolladores , Microsoft
- ^ Regla @keyframes (Internet Explorer) , Microsoft
- ^ "@ -ms-viewport rule" , Centro de desarrollo de Internet Explorer , Microsoft
- ^ HTML5, nativo: vista previa de la tercera plataforma IE9 disponible para desarrolladores , Microsoft
- ^ "pseudoclase válida (Internet Explorer)" . Microsoft . Consultado el 17 de noviembre de 2012 .
- ^ "pseudoclase no válida (Internet Explorer)" . Microsoft . Consultado el 17 de noviembre de 2012 .
- ^ "pseudoclase requerida (Internet Explorer)" . Microsoft . Consultado el 17 de noviembre de 2012 .
- ^ "pseudoclase opcional (Internet Explorer)" . Microsoft . Consultado el 17 de noviembre de 2012 .
- ^ Hopkins, James, el selector de atributos (que coincide con el atributo, 'colspan' para los elementos TD y TH) coincide con todos los elementos TD y TH
- ^ Hammond, David, comentario sobre "Resultados de compatibilidad con IE 8 CSS 2.1"
- ^ First -letter Ignore Bug , hasLayout.net, archivado desde el original el 2010-03-02 , consultado el 2010-01-29
- ^ Hopkins, James, la declaración que incluye la palabra clave! Important se ignora cuando se usa dentro de una regla: first-letter o: first-line
- ^ Box-shadow, una de las mejores características nuevas de CSS3: compatibilidad con el navegador (incluido IE9) , WEBFLUX
- ^ la propiedad de contenido no devuelve el valor de un atributo cuando el atributo se archiva dinámicamente desde el original el 17 de octubre de 2009 , recuperado el 12 de marzo de 2011
- ^ "propiedad background-position-y (Internet Explorer)" . msdn.microsoft.com . MSDN . Consultado el 16 de febrero de 2015 .
- ^ "propiedad de ajuste de tamaño de fuente (Internet Explorer)" . Microsoft . Consultado el 17 de noviembre de 2012 .
- ^ "propiedad font-feature-settings (Internet Explorer)" . Microsoft . Consultado el 17 de noviembre de 2012 .
- ^ "Regla @ font-face (Internet Explorer)" . Microsoft . Consultado el 17 de noviembre de 2012 .
- ^ "-ms-propiedad de guiones (Internet Explorer)" . Microsoft . Consultado el 17 de noviembre de 2012 .
- ^ "propiedad -ms-hyphenate-limit-zone (Internet Explorer)" . Microsoft . Consultado el 17 de noviembre de 2012 .
- ^ "Propiedad -ms-hyphenate-limit-chars (Internet Explorer)" . Microsoft . Consultado el 17 de noviembre de 2012 .
- ^ "Propiedad -ms-hyphenate-limit-lines (Internet Explorer)" . Microsoft . Consultado el 17 de noviembre de 2012 .
- ^ "propiedad de sombra de texto (Internet Explorer)" . Microsoft . Consultado el 17 de noviembre de 2012 .
- ^ Texto CSS 3: una historia de Woe en modo escritura
- ^ "-ms-text-combine-horizontal property" . Microsoft . Consultado el 8 de noviembre de 2013 .
- ^ "Regla @media (Internet Explorer)" . Microsoft . Consultado el 17 de noviembre de 2012 .
- ^ "Diseño de varias columnas (Internet Explorer)" . Microsoft . Consultado el 17 de noviembre de 2012 .
- ^ "-ms-propiedad-columnas-cuadrícula" . Microsoft . Consultado el 8 de noviembre de 2013 .
- ^ "Propiedad -ms-grid-row" . Microsoft . Consultado el 8 de noviembre de 2013 .
- ^ "Animaciones (Internet Explorer)" . Microsoft . Consultado el 17 de noviembre de 2012 .
- ^ "Transformaciones (Internet Explorer)" . Microsoft . Consultado el 17 de noviembre de 2012 .
- ^ "Transiciones (Internet Explorer)" . Microsoft . Consultado el 17 de noviembre de 2012 .
- ^ "Regiones (Internet Explorer)" . Microsoft . Consultado el 17 de noviembre de 2012 .
- ^ "Exclusiones (Internet Explorer)" . Microsoft . Consultado el 17 de noviembre de 2012 .
- ^ Talbot, margen heredado con palabra clave heredar: el padre del valor calculado debe heredarse
- ^ Groot, Sven, Overflow: el desplazamiento hace que el elemento siempre tenga su altura máxima
- ^ Hopkins, James, visibilidad: visible aplicado al elemento en línea no anula la visibilidad heredada: valor oculto aplicado a su padre de nivel de bloque
- ^ Contenido: attr (x) no se actualiza cuando cambia el valor del atributo
- ^ Filtro de sombras , Microsoft
- ^ Filtro DropShadow , Microsoft
- ^ Posicionamiento
- ^ Hopkins, James, análisis ilegal de un valor decimal de índice z, en lugar de un número entero
- ^ Filtro alfa , Microsoft
- ^ IE7- / Escaping Background Image Bug - Demo 1 , archivado desde el original el 2010-01-03 , consultado el 2010-01-29
- ^ IE7- / Escapar Bug imagen de fondo - Demo 2 , archivado desde el original en 2010-04-22 , recuperada 2010-01-29
- ^ Koch, Peter-Paul, IE Windows y Opera - peso de fuente: 600 vs. negrita , QuirksMode
- ^ Hopkins, James, El valor 'text-align' no es heredado por los pseudo elementos ': before' y ': after'
- ^ Fuente y texto , Microsoft
- ^ Diseño de caja flexible ("Flexbox") , Microsoft
- ^ Adaptación de dispositivos CSS con @viewport , Treehouse Blog
- ^ Adaptación de dispositivos CSS con @viewport , Treehouse Blog
- ^ "Degradados (Internet Explorer)" . Microsoft . Consultado el 17 de noviembre de 2012 .
- Geco
- ^ @supports - CSS , MDN
- ^ Error 966166 - Implementar la regla @ counter-style , Mozilla
- ^ a b "Novedades" , notas de la versión de Firefox 19 , Mozilla
- ^ Error 418039 - Selectores CSS padre (tiene hijo) y ancestro (tiene descendiente) (: asunto) , Mozilla
- ^ Error 813187 - Compatibilidad con selectores de página @page CSS 2.1 , Mozilla
- ^ Error 506554: implementar las pseudoclases CSS3: obligatorio y: opcional , Mozilla
- ^ Error 312971 - Soporte: solo lectura y: pseudoclases de lectura y escritura , Mozilla
- ^ Error 561154: se corrige la especificidad de: -moz-any () , Mozilla
- ^ Error 562169: implementar el selector: dir (rtl / ltr) para seleccionar en la direccionalidad HTML , Mozilla
- ^ Error 843579 - Eliminar prefijo de: pseudoclase de cualquier enlace , Mozilla
- ^ Error 648722 - Agregar soporte para: scope como: -moz-scope , Mozilla
- ^ Error 509958 - Elimina el prefijo -moz de :: selección , Mozilla
- ^ Error 237119: la propiedad 'display' se ignora para el contenido generado , Mozilla
- ^ Error 842329 - [css3-cascade] implementa la abreviatura 'todos' , Mozilla
- ^ Error 451134: cambiar las propiedades de -moz-border-radius * a css3-background names , Mozilla
- ^ Error 378217: implementar la propiedad css3 'border-image' , Mozilla
- ^ Error 497995: implementar revisiones de imagen de borde en la última versión de css3-background , Mozilla
- ^ Error 590039: se corrige el cálculo del radio de desenfoque y se cambia el nombre de -moz-box-shadow a box-shadow , Mozilla
- ^ Error 470547 - Extensión (cuarta longitud) para sombra de texto no compatible , Mozilla
- ^ Error 613659: implementar box-decoration-break: la parte izquierda / derecha de un cuadro de sombra solo debe dibujarse en la primera / última continuación de un cuadro en línea , Mozilla
- ^ Error 549809: cambie el nombre de las propiedades y valores de background-origin y background-clip para que coincidan con css3-background , Mozilla
- ^ Error 3512 - (font-stretch) Implementar la propiedad font-stretch , Mozilla
- ^ Error 549861 - (variante de fuente) implementar el análisis de las propiedades de la función de fuente , Mozilla
- ^ Error 475891 - (rango unicode) implementa la compatibilidad con rango unicode en el conjunto de fuentes del usuario , Mozilla
- ^ Error 249159: implementar propiedades de 'ruptura de palabras' de CSS3 , Mozilla
- ^ guiones - MDN Docs , Mozilla (Solo inglés)
- ^ Error 587438 - ajuste de palabras , Mozilla
- ^ Error 536557: implementar CSS3 text-align-last , Mozilla
- ^ Error 276079: implementar la propiedad de justificación de texto (pero solo 'auto', 'inter-word', 'inter-ideograph' y 'distribuir') , Mozilla
- ^ Error 59109: implementar el estilo de decoración de texto y el color de decoración de texto del módulo de texto CSS3 , Mozilla
- ^ Firefox 6 para desarrolladores , Mozilla
- ^ Error 145503 - (modo de escritura) modo de escritura CSS3 (texto vertical) , Mozilla
- ^ Implementar 'tamaño de caja', Mozilla
- ^ Error 553576: implementar el comportamiento de la propiedad de cambio de tamaño css , Mozilla
- ^ Error 312156: implementación de desbordamiento de texto: puntos suspensivos del texto CSS3 , Mozilla
- ^ Error 132035 - Implementar funciones faltantes de salto de página- * CSS2.1 , Mozilla
- ^ Error 137367 - Implementar huérfanos y viudas , Mozilla
- ^ Error 851937: compatibilidad con el tamaño de @page , Mozilla
- ^ Error 825771: [css3-images] implementa la propiedad 'orientación de imagen' , Mozilla
- ^ Error 624647 - [css3-images] Implementar propiedades CSS de ajuste de objeto y posición de objeto , Mozilla
- ^ Error 47159: admite las propiedades css3-speech (anteriormente Aural Style Sheet) en getComputedStyle , Mozilla
- ^ Error 256274 - Implementar módulo CSS ruby , Mozilla
- ^ Error 684062: comparar especificaciones e implementar compatibilidad con varias columnas CSS , Mozilla
- ^ Error 446569: implementar la abreviatura de columnas CSS3 , Mozilla
- ^ Error 549114: roturas de columna de soporte , Mozilla
- ^ Error 695222 - Implementar relleno de columna , Mozilla
- ^ Error 616436: intervalo de columnas no implementado (css3 multicolumna) , Mozilla
- ^ Error 616605 - Diseño de cuadrícula CSS , Mozilla
- ^ Error 435442: implementar la propuesta de animación CSS de Webkit , Mozilla
- ^ a b Error 435441: obtenga las transiciones CSS lo suficientemente completas para enviar , Mozilla
- ^ Error 783409: active CSS flexbox en compilaciones de forma predeterminada (habilitando pref, build flag, etc.) , Mozilla
- ^ Error 674802: implementar regiones CSS3 , Mozilla
- ^ Error 674804: implementar exclusiones CSS3 , Mozilla
- ^ Error 1057180: active los filtros CSS de forma predeterminada (habilitando about: config pref) , Mozilla
- ^ Error 795567: implementar la propiedad CSS de acción táctil para eventos de puntero , Mozilla
- ^ Error 1138384 - (enable-writing-mode-release) habilita la compatibilidad con el modo de escritura CSS en los canales de versiones , Mozilla
- ^ Error 945584: implementar ajuste de desplazamiento CSS , Mozilla
- ^ Error 382721 - Las esquinas punteadas / discontinuas -moz-border-radiused se renderizan como sólidas , Mozilla
- ^ Error 843718 - (css-counter-styles-3) Implementación de estilos de contador CSS Nivel 3 , Mozilla
- ^ Error 475891 - (rango unicode) implementa la compatibilidad con rango unicode en el conjunto de fuentes del usuario , Mozilla
- ^ Error 363249: implementar css3-values calc () , Mozilla
- ^ Error 363250: implementar la expresión toggle () , Mozilla
- ^ Error 978478 - Soporte repeat () en plantillas CSS Grid , Mozilla
- ^ Error 546052: admite transiciones CSS con imágenes de imagen de fondo (fundido cruzado) , Mozilla
- ^ Error 716628: admite la unidad "turn" de CSS3 Values and Units , Mozilla
- ^ Error 435441: implementar la propuesta de transiciones CSS de Webkit , Mozilla
- ^ Error 1057180: active los filtros CSS de forma predeterminada (habilitando about: config pref) , Mozilla
- ^ Error 773296 - Variables CSS , Mozilla
- ^ Error 282126 - ¿Qué hacer con la unidad de longitud 'ch'? (Específico del proveedor de Mozilla) , Mozilla
- Webkit
- ^ @supports - CSS , MDN
- ^ Error 747754: [CSS-WD] implementa la adaptación de dispositivo CSS , Mozilla
- ^ Error 35329: mejora del analizador CSS para medios paginados (iteración 1) , WebKit
- ^ Error 85062: admite cuadros de margen de medios de 3 páginas CSS , WebKit
- ^ Error 38731: hacer que CSS Parser maneje correctamente las pseudoclases solo para páginas , WebKit
- ^ Error 27458 - Soporte: selector CSS HTML5 predeterminado , Webkit
- ^ Error 27357 - Soporte: válidos /: selectores CSS no válidos , Webkit
- ^ Error 29071 - Soporte para: selectores CSS dentro del rango y fuera del rango , Webkit
- ^ Error 25551: compatibilidad con el atributo "obligatorio" de formularios HTML5 , Webkit
- ^ Error 3409 - CSS1: Safari ignora el atributo "text-transform" en las reglas CSS de "primera línea" , Webkit
- ^ Error 23209: [RFE] El contenido generado con CSS no se realiza la transición , Webkit
- ^ Error 27578: elimine el prefijo de las propiedades del radio del borde , Webkit
- ^ Error 51448: admite la propiedad de sombra de cuadro sin prefijo , WebKit
- ^ Error 27576 - [Fondos y bordes CSS3] Implementar box-decoration-break , WebKit
- ^ Error 3234 - CSS2: Implementar un mejor soporte de cotizaciones (para la etiqueta q) , Webkit
- ^ Error 27562 - Elimina los prefijos de background-clip y background-origin , WebKit
- ^ [Fondos y bordes CSS3] Elimine el prefijo de tamaño de fondo , WebKit
- ^ Error 15257: admite ajuste de tamaño de fuente CSS 3 , Webkit
- ^ Error 12530 - CSS3: admite la propiedad font-stretch , Webkit
- ^ Error 63796 - Maestro: admite propiedades de función de fuente CSS3 , Webkit
- ^ Error 76173 - CSS3: text-align-last en webkit , Webkit
- ^ Error 18109: implementación de puntuación colgante , Webkit
- ^ Error 58491 - [css3-text] Admite propiedades de decoración de texto- * de CSS3 Text , Webkit
- ^ Error 46123: implementación de soporte de modo de escritura para todo el diseño (error maestro) , WebKit
- ^ Error 36713: admite el tamaño de la caja sin el prefijo del proveedor , WebKit
- ^ Error 10894: la propiedad CSS "size" no es compatible , Webkit
- ^ Error 46827 - AX: implementar CSS3 Speech "speak" , WebKit
- ^ Error 15552: admite CSS3 column-break-before y column-break-after , WebKit
- ^ Error 39498: [CSS3 de varias columnas] Los elementos flotantes se representan debajo de las columnas , WebKit
- ^ Error 15550: WebKit no admite el intervalo de columnas CSS3 , Webkit
- ^ Error 60731: implementación de diseño de cuadrícula CSS3 (error principal) , Webkit
- ^ flex - CSS , MDN
- ^ filtro - CSS , MDN
- ^ Error 25016: max-width y max-height no anulan las propiedades de ancho y alto cuando 'display' se establece en 'table', Webkit
- ^ Error 8735 - Visibilidad de CSS 2.1: colapso representado como visibilidad: oculto , Webkit
- ^ Error 16662 - CSS3: implementar calc () , Webkit
- ^ ¿Puedo usar unidades de ventana gráfica? ¿Puedo usar
- ^ filtro - CSS , MDN
- Presto
- ^ Una introducción a la meta viewport y @viewport , dev.Opera
- ^ Storey, David (23 de noviembre de 2010). "Primer navegador a 11 (a menos que Chrome llegue primero)" . Ópera. Archivado desde el original el 8 de diciembre de 2010 . Consultado el 23 de noviembre de 2010 .
- ^ Haavard (2010-08-09), nueva instantánea 10.70 con más actualizaciones de Presto , Opera, archivado desde el original el 2010-08-19
- ^ Haavard (2010-08-03), actualización de Presto para Opera 10.70 , Opera, archivado desde el original el 2010-08-06
- ^ "Compatibilidad con el módulo de diseño de múltiples columnas CSS en Opera Presto 2.8" . Ópera. 2011-03-06 . Consultado el 6 de marzo de 2011 .
- ^ Koch, Peter-Paul, antes /: después y contenido , Quirksmode
- ^ Lawson, Bruce (6 de diciembre de 2011). "¡Hola Opera 11.60!" . Ópera. Archivado desde el original el 8 de enero de 2012 . Consultado el 5 de mayo de 2012 .
- ^ Error de cuantificación para valores em en Opera 7–9.2 , archivado desde el original el 21-03-2008