Ejemplo de
segmentación de página en un cuadro
| #caja { salto de página dentro: evitar; } |
Descripción
Esta propiedad establece si la paginación se produce dentro de un elemento especificado.
Estado de soporte
| IE6 Sí IE7No IE8 Sí |
N.
Ejemplo
de propiedad de esquema
| #caja { contorno: rojo sólido de 1 px; } |
El esquema
de descripción
es una abreviatura de estilo de contorno, ancho de contorno y color de contorno. Este atributo es mejor que el atributo de borde porque no afecta el flujo de documentos, por lo que es más útil para depurar problemas de diseño.
Estado de soporte
| IE6 Sí IE7No IE8 Sí |
O.
Ejemplos
de valores alternativos para el atributo de visualización
| #caja { pantalla: bloque en línea; } |
Descripción
El atributo de visualización generalmente se establece en bloque, en línea o ninguno. Los valores alternativos incluyen:
| bloque en línea tabla en línea elemento de lista rodaje mesa título de tabla celda de tabla columna de tabla grupo-columna-tabla grupo de pie de tabla grupo-encabezado-tabla fila de mesa grupo-fila-tabla |
Estado de soporte
| IE6 Sí IE7No IE8 Sí |
Ejemplo de
manejo de espacios en blanco plegables
| pag { espacio en blanco: prelínea; } div { espacio en blanco: preenvoltura; } |
La
configuración del valor previo a la línea del atributo de espacio en blanco colapsa varios elementos de espacios en blanco en un solo espacio en blanco y permite saltos de línea explícitos. El valor de ajuste previo del atributo de espacio en blanco no colapsa varios espacios en uno en uno, pero permite establecer saltos de línea explícitamente.
Estado de soporte
| IE6 Sí IE7No IE8 Sí |
4. Varias otras tecnologías
A.Ejemplos
de tipos de mediosde @import
| @import url(pantalla "styles.css"); |
Descripción:
como en el ejemplo anterior, el tipo de medio del archivo de hoja de estilo importado se declara después de la dirección del archivo. En este ejemplo, el tipo de medio es "pantalla".
Estado de soporte
| IE6 Sí IE7No IE8 Sí |
ErroresAunque
IE6 e IE7 admiten @import, no tienen ningún efecto cuando se especifica el tipo de medio, e incluso provocan que la regla @import normal no sea válida.
B.
Ejemplo
de incremento de conteo
| h2 { contraincremento: encabezados; } h2: antes { contenido: contador(encabezados) ". "; } |
Descripción
Esta técnica CSS le permite incrementar automáticamente el número que aparece antes de un elemento específico, utilizado junto con el pseudoelemento anterior.
Estado de soporte
| IE6 Sí IE7No IE8 Sí |
C.
Ejemplos de
caracteres de referencia para contenido generado
| q { citas: "'" "'"; } q: antes { contenido: comillas abiertas; } q: después { contenido: comillas cerradas; } |
La descripción
especifica el distintivo de llamada de la cita utilizado para generar el contenido, para su uso con etiquetas q.
Estado de soporte
| IE6 Sí IE7No IE8 Sí |
5. Errores importantes y problemas de incompatibilidad
Los siguientes son muchos errores en IE6 e IE7 que no se mencionan anteriormente. Por supuesto, esta lista no incluye entradas que no sean compatibles con los tres navegadores.
Errores de IE6
A. No admite estilos del elemento
B. No admite nombres de clase e ID que comienzan con guiones y guiones bajos
C. El elemento
D Si las pseudoclases ancla no se utilizan en el orden correcto (:link, :visited, :hover), la pseudoclase :hover no tendrá ningún efecto
. E. Una declaración importante de un atributo será reemplazada por una. Declaración importante no utilizada del mismo atributo en la misma regla. Dos declaraciones cubiertas.
F. La altura se comporta como altura mínima
G. El ancho se comporta como ancho mínimo
H. Márgenes dobles izquierdo y derecho
I. El borde punteado (punteado) parece un borde punteado (discontinuo)
J. Valor de línea de decoración de texto El texto se ve un poco más alto que otros navegadores
Si la lista ordenada tiene una estructura fija (haslayout es verdadero, la altura/ancho/zoom de li no se puede configurar para activar los valores de haslayout), el número de serie no aumentará.
L. Los elementos de la lista no admiten todos los valores disponibles de tipo de estilo de lista
M. Si la entrada de la lista flota, la imagen de estilo de lista especificada no se mostrará
N. @font-face no es totalmente compatible
O. Algunos Los selectores coincidirán incorrectamente con comentarios y declaraciones de documentación
. Si un selector de ID combinado con un selector de clase no coincide, el mismo selector de ID combinado con un selector de clase diferente también se tratará como una falta de coincidencia.
Errores de IE7
A. Si la lista ordenada tiene una estructura fija (haslayout es verdadero, la altura/ancho/zoom de li no se puede configurar para activar los valores de haslayout), el número de serie no aumentará, pero permanecerá en 1
B. Los elementos de la lista son no admitido Todos los valores disponibles de tipo de estilo de lista
C. Si el elemento de la lista está flotante, la imagen de estilo de lista especificada no se mostrará
D. @font-face no es totalmente compatible
E. Algunos selectores coincidirán incorrectamente comentarios y documentos Descargo de responsabilidad
F. Algunos errores de IE que no se mencionan aquí solo ocurren en entornos específicos y no están asignados a propiedades o valores CSS específicos.