Desplazamiento vertical. Desplazamiento horizontal usando CSS puro. Agregar desplazamiento usando los parámetros de desplazamiento y automático de la regla de desbordamiento

fuentes CSS— un conjunto de propiedades para la gestión apariencia texto de páginas web. Usando varias fuentes para títulos, párrafos y otros elementos, puede establecer un estilo específico mensajes escritos, transmitiendo las emociones y el estado de ánimo deseados.

Al sumergirse en la variedad de fuentes, no olvide que el texto del contenido principal de la página web debe, en primer lugar, ser legible. No se recomienda utilizar más de dos fuentes en una página y el contraste deseado se puede lograr combinando fuentes de diferente grosor, tamaño, estilo o color.

Puedes conocer más sobre las reglas en el siguiente artículo.

Formatear una fuente usando propiedades CSS

1. Familia de fuentes familia de fuentes

La propiedad se utiliza para seleccionar el estilo de fuente. Dado que es imposible predecir si una fuente en particular está instalada en la computadora de un visitante de su sitio, se recomienda registrar todas opciones posibles fuentes del mismo tipo. En este caso, el navegador comprobará su presencia, pasando secuencialmente por las opciones propuestas. Heredado.

¡Importante! Si el nombre de la fuente contiene espacios o símbolos (por ejemplo, #, $, %), se escribe entre comillas. Esto se hace para que el navegador pueda entender dónde comienza y termina el nombre de la fuente.

familia de fuentes
Valores:
apellido	El nombre de la familia de fuentes, por ejemplo, Times, Courier, Arial. Se recomienda especificar junto con la familia base.
familia genérica	Familia básica. CSS define cinco familias de fuentes básicas: Fuentes Serif: Serif (Times New Roman, Times, Garamond, Georgia) Fuentes sans-serif (Helvetica, Geneva, Arial, Verdana, Trebuchet, Univers) Fuentes monoespaciadas: monoespaciadas (Courier, Courier New, Andele Mono) Fuentes manuscritas: cursiva (Comic Sans, Gabriola, Monotype Corsiva, Author, Zapf Chancery) Fuentes alegóricas (occidental, Woodblock, Klingon)
inicial
heredar

Sintaxis

P (familia tipográfica: "Times New Roman", Georgia, Serif;)

2. Estilo de fuente estilo de fuente

La propiedad le permite seleccionar el estilo de fuente para el texto. Dicho esto, la diferencia entre cursiva y texto en cursiva es que la cursiva realiza pequeños cambios en la estructura de cada letra, mientras que el texto en cursiva es la versión inclinada del texto recto. Heredado.

Sintaxis

H1 (estilo de fuente: normal;) h1 (estilo de fuente: cursiva;) h1 (estilo de fuente: oblicuo;) Fig. 1. La propiedad de estilo de fuente

3. Opción de estilo de fuente variante de fuente

La propiedad le permite mostrar la fuente pequeña. en mayúsculas. Heredado.

Sintaxis

H1 (variante de fuente: normal;) h1 (variante de fuente: versalitas;) Fig. 2. La propiedad de variante de fuente

4. Peso de fuente peso de fuente

La propiedad especifica el peso de la fuente.

Valores:
normal	El valor predeterminado establece el peso de la fuente en normal. Equivale a un valor de saturación de 400.
atrevido	Pone la fuente del texto en negrita. Equivale a un valor de saturación de 700.
más audaz	El peso de la fuente será mayor que el del antepasado.
encendedor	El peso de la fuente será menor que el del antepasado.
100, 200, 300, 400, 500, 600, 700, 800, 900	Un valor de 100 corresponde al máximo opción fácil estilo de fuente y 900 es el más grueso. Además, estos números no determinan una densidad específica, es decir 100, 200, 300 y 400 pueden corresponder a la misma variante de peso de fuente débil; 500 y 600 son de peso medio, y 700, 800 y 900 pueden mostrar el mismo estilo muy rico. La distribución de la densidad también depende del número de niveles de peso definidos en una familia de fuentes en particular.
inicial	Establece el valor de la propiedad en el valor predeterminado.
heredar	Hereda el valor de la propiedad del elemento padre.

Sintaxis

H1 (peso de fuente: normal;) span (peso de fuente: negrita;) span (peso de fuente: más negrita;) span (peso de fuente: más claro;) h1 (peso de fuente: 100;) Arroz. 3. La propiedad de peso de fuente

5. Tamaño de fuente tamaño de fuente

La propiedad determina el tamaño (puntos) de la fuente.

tamaño de fuente
Valores:
tamaño absoluto	xx-pequeño, x-pequeño, pequeño, mediano, grande, x-grande, xx-grande. Los tamaños absolutos se definen entre sí y el factor de escala entre dos tamaños absolutos adyacentes es aproximadamente 1,5 de menor a mayor y 0,66 de mayor a menor. Como tamaño estándar Se acepta el medio.
tamaño relativo	más pequeño, más grande. Tamaños relativos hacer que el tamaño de fuente de un elemento cambie en relación con su padre. En este caso, el tamaño de fuente puede exceder los tamaños esperados para xx-small y xx-large.
longitud	El tamaño de fuente se establece utilizando unidades de longitud positivas: px, tanto números enteros como fracciones.
%	Valor relativo, calculado en función de cualquier tamaño heredado del elemento principal. Proporciona más sintonia FINA tamaño de fuente calculado. Configurar tamaños de fuente con em equivale a un valor porcentual.
inicial	Establece el valor de la propiedad en el valor predeterminado.
heredar	Hereda el valor de la propiedad del elemento padre.

Sintaxis

H3 (tamaño de fuente: pequeño;) h1 (tamaño de fuente: xx-grande;), em (tamaño de fuente: grande;) p (tamaño de fuente: 20px;) h3 (tamaño de fuente: 120%;)

6. Color de fuente

La propiedad establece el color de fuente usando varios sistemas reproducción del color. La propiedad se hereda.

color
Valores:
MALEFICIO	Este sistema utiliza números decimales arábigos del 0 al 9 y letras latinas de la A a la F. Para el diseño web se toman 16 colores primarios, los llamados código hexadecimal colores #RRGGBB, donde cada par es responsable de su parte del color: RR – rojo, GG – verde y BB – azul. Cada fracción de color oscila entre 00 y FF.
RGB	RojoVerdeAzul, denota la cantidad del tono correspondiente (rojo, verde, azul) en el color resultante.
RGBA	Sistema de color RGB ampliado por parámetro Alfa, que se utiliza para controlar la mezcla de colores. El valor es compatible con IE9+, Firefox 3+, Chrome, Safari y Opera 10+. El último número determina el grado de transparencia, establecido por un valor de 0 a 1, donde 0 corresponde a transparencia total y 1 a opacidad.
HSL	Tono, saturación, luminosidad (intensidad)- matiz (tono), saturación, luminosidad, modelo de color descripciones de colores. El primer valor es sombra— determinado por el grado de rotación del espectro de colores en el sentido de las agujas del reloj de 0° a 360°, donde 60° es amarillo, 120° es verde, 180° es cian, 240° es azul y 300° es violeta. El segundo valor determina saturación tono seleccionado y se indica como un porcentaje que oscila entre 0% y 100%. Cuanto más cerca valor dado al 100%, más puro y rico será el color. Ligereza o brillo indicado como porcentaje; cuanto mayor sea el porcentaje, más brillante se vuelve el color. Los valores de 0% y 100% indican colores negro (sin luz) y blanco (sobreexpuesto), respectivamente, independientemente del tono de la rueda de colores que se seleccionó inicialmente. Valor óptimo el brillo del color es del 50%. Valor soportado IE9+, Firefox, Chrome, Safari, Opera 10+
HSLA	Establece la transparencia (a través del canal Alfa) del elemento. Tono (0 a 360), Saturación (0% a 100%), Luminosidad (0% a 100%), Transparencia (0 a 1). Valor soportado IE9+, Firefox 3+, Chrome, Safari y Opera 10+.
nombre del color	El valor del color se especifica mediante el nombre del navegador. EN momento presente existe

Le permite resaltar texto en cursiva, cursiva o viceversa para hacer el texto vista estándar. Esta propiedad tiene sólo tres significados:

• normal: texto estándar con un estilo normal, es decir, sin cursiva ni cursiva
• cursiva - estilo cursiva
• oblicuo - estilo oblicuo

Párrafo con el valor normal.

Párrafo con valor en cursiva.

Párrafo con el significado oblicuo.

Intentar "

Las fuentes en cursiva han sido tradicionalmente versiones estilizadas de un tipo de letra basado en la caligrafía, mientras que las cursivas se crearon por simple suma ligera inclinación hacia los símbolos. La mayoría de las fuentes no contienen un juego de caracteres en cursiva, por lo que el navegador suele utilizar un algoritmo de inclinación para los caracteres de texto. Esto significa que en muchos casos no verás una diferencia entre los valores en cursiva y oblicuos.

Tamaño de fuente

Cambiar el tamaño de fuente en un elemento - buen camino resaltarlo visualmente y darle significado, o viceversa, mostrar que esta información no debería atraer mayor atención.

Para cambiar el tamaño de fuente, utilice la propiedad de tamaño de fuente. Hay varias formas de especificar el tamaño de fuente, veamos las más comunes:

Píxeles

Los valores de píxeles se utilizan a menudo porque este enfoque proporciona un control muy preciso sobre el tamaño. El valor numérico termina con los caracteres alfabéticos px, que deben seguir inmediatamente al número (no debe haber espacios entre el número y px).

Cuerpo (tamaño de fuente: 14px; )

Interés

El tamaño de fuente predeterminado en los navegadores es 16px. Entonces, un valor de 100% es 16px y 200% es 32px. Si define una regla que indica todo el texto dentro de un elemento valore el 75% del tamaño predeterminado (esto corresponderá a 12px), y luego defina otra regla que establezca el valor en 75% para su elemento secundario, luego el tamaño de fuente en ese elemento será 9px (es decir, el 75% de 12px ).

Cuerpo (tamaño de fuente: 100%; )

E. M.

La unidad de medida em le permite cambiar el tamaño de fuente en relación con el tamaño de fuente en elemento padre. Dado que el tamaño de fuente predeterminado en los navegadores es 16px, puedes usar las reglas temas similares, que se utilizan para valores porcentuales.

Cuerpo (tamaño de fuente: 14px;) h2 (tamaño de fuente: 1,2em;)

En el ejemplo, configuramos el elemento El tamaño de fuente es 14px y para todos los elementos.

- 1,2 em. Esto significa que el tamaño de fuente de los títulos de segundo nivel se ampliará en un factor de 1,2. En nuestro caso, el tamaño de todos los encabezados.

el tamaño de fuente será de 1,2 elementos , lo que significa 1,2 veces más grande que 14px y es aproximadamente igual a 17px. (El tamaño real será 16,8, pero la mayoría de los navegadores lo redondearán a 17).

Nota: Los porcentajes y ems son esencialmente dos formas diferentes de lograr el mismo objetivo. Ambos brindan la posibilidad de establecer el tamaño en relación con el tamaño de fuente del elemento principal.

Palabras clave

CSS ofrece siete palabras clave que le permiten asignar un tamaño de fuente relativo al tamaño predeterminado (16 px): xx-pequeño, x-pequeño, pequeño, mediano, grande, x-grande y xx-grande.

P (tamaño de fuente: pequeño; )

Medio es el tamaño de fuente predeterminado en los navegadores. Los valores restantes reducen o aumentan el tamaño de la fuente según diferentes factores. El tamaño de fuente más pequeño xx-small es de aproximadamente 9 píxeles, cada tamaño posterior es aproximadamente un 20% más grande que el anterior:

Cambiar el tamaño usando porcentajes.

Cambiar el tamaño usando píxeles.

Cambiar el tamaño usando la palabra clave x-small.

La capacidad de controlar la fuente, ya sea que cambie su familia, tamaño o grosor, le permite aumentar el brillo y la singularidad de las páginas WEB.

familia de fuentes

Especifica la familia de fuentes utilizada en este texto. Puede haber varias familias de este tipo, separadas por comas. La prioridad está determinada por el orden en esta lista.

Significado:

• apellido: la familia de fuentes utilizada para mostrar el texto. Los nombres que consten de más de una palabra deben ir entre comillas.
• nombre de la fuente estándar utilizada para mostrar el texto. Las fuentes típicas pueden ser: serif, sans-serif, fantasía y monoespacio.

p (familia de fuentes: "Times roman", courier, serif)

estilo de fuente

Especifica estilos de fuente, como cursiva o cursiva.

Significado:

• cursiva - cursiva.
• oblicuo - estilo oblicuo. Este es únicamente un diseño de fuente de pantalla. Tiene una inclinación ligeramente menor que la cursiva.
• heredar: se aplica el valor del elemento padre.

p (estilo de fuente: cursiva;)

variante de fuente

Determina si la fuente se imprimirá en versalitas.

Significado:

• normal: estilo normal (predeterminado).
• versalitas: muestra la fuente en minúsculas mayúsculas.
• heredar: se aplica el valor del elemento padre.

p (variante de fuente: versalitas)

peso de fuente

propiedades de fuente css

Determina el grosor de la fuente de salida.

Significado:

• normal: estilo normal (predeterminado).
• negrita - estilo semi-negrita. La negrita resalta el texto. Las líneas se vuelven más gruesas y el texto en sí es un poco más ancho que con un estilo normal.
• Más negrita: fuente en negrita.
• más claro - fuente clara. Los estilos de fuente finos y claros son menos impresionantes que las fuentes normales o en negrita, pero son fantásticos cuando quieres una apariencia ligera y sencilla.
• 100-900 es un número que indica el grosor de la fuente. 100 corresponde al grosor más claro (más claro), 400 - normal, 700 - negrita, 900 - más negrita.
• heredar: se aplica el valor del elemento padre.

p (peso de fuente: negrita;)

estiramiento de fuente

Define el grosor de la fuente.

Significado:

• normal - ancho normal (predeterminado)
• más ancho: aumenta el ancho actual.
• más estrecho: disminuye el ancho actual en uno.
• ultracondensado: el valor de ancho más pequeño.
• extracondensado - valor mayor que el anterior
• condensado: un valor mayor que el anterior.
• semicondensado: un valor mayor que el anterior.
• semiexpandido: el valor es mayor que con el espesor normal.
• expandido - valor mayor que el anterior.
• extra expandido: valor mayor que el anterior.
• ultraexpandido: valor de ancho máximo.
• heredar: se aplica el valor del elemento padre.

cuerpo (estiramiento de fuente: condensado)

tamaño de fuente

Determina el tamaño de fuente (alto de carácter) de la fuente.

Significado:

• tamaño absoluto: se utilizan palabras clave para expresar el tamaño de fuente: xx-small (extremadamente pequeño), pequeño (pequeño), medium (mediano) (predeterminado), grande (grande), x-large (muy grande), xx-large ( extremadamente grande).
• tamaño relativo: para expresar el tamaño de fuente, se utilizan las siguientes palabras clave: más grande (más pequeño), más pequeño (más grande),
• cualquier altura correspondiente al estándar es el tamaño de fuente absoluto. No se permite un valor negativo.
• cualquier valor porcentual que cumpla con el estándar.
• heredar: se aplica el valor del elemento padre.

p (tamaño de fuente: 20px)

propiedades de fuente css

ajustar-tamaño-de-fuente

Determina la relación entre el ancho y el alto de los caracteres admitidos al configurar el tamaño de fuente. Esto le da al usuario control sobre los cambios de altura del texto.

Significado:

• ninguno: predeterminado.
• cualquier valor estándar: un número que representa la relación entre la altura y el ancho de los caracteres.
• heredar: se aplica el valor del elemento padre.

p(ajuste de tamaño de fuente: 0,45)

fuente

Una propiedad conveniente para configurar todos los parámetros de fuente a la vez. Si falta algún valor, se toma su valor predeterminado.

Significado:

• estilo de fuente - estilo.
• variante de fuente: un valor que determina si la fuente se muestra en letras minúsculas y mayúsculas.
• peso-fuente-grosor.
• tamaño de fuente: tamaño de fuente.
• altura de línea - interlineal.
• familia de fuentes: familia de fuentes.
• heredar: se aplica el valor del elemento padre.

p (fuente: oblicua 12 puntos "Helvetica Nue", serif; extensión de fuente: condensada)

propiedades de fuente css

Implementación de tipografías personalizadas.

Antes de Internet Explorer 4.0, los webmasters tenían que utilizar las fuentes integradas del navegador o utilizar las fuentes disponibles en el sistema. CSS proporciona al webmaster la capacidad de especificar las fuentes de visualización que se cargan con la página web, asegurando que la página se represente correctamente. La fuente cargada se define utilizando nuevos elementos en la sintaxis CSS. A continuación se muestra la sintaxis para definir la fuente cargada en CSS:

@font-face(familia-fuente: nombre de fuente; src: url(failMame.eot) )

el valor fontName al que posteriormente hace referencia la propiedad CSS font-family está definido por el usuario. A continuación se muestra un ejemplo completo:

El texto se muestra usando una fuente descargable.

Una vez que se define una nueva fuente, su nombre se puede utilizar como una propiedad válida de familia de fuentes. La propiedad font-family se puede asociar con una lista igual de fuentes, de modo que si no se puede cargar la primera fuente de la lista, el navegador intentará cargar la siguiente fuente o familia de fuentes. En este ejemplo, la última fuente definida es sans-serif, lo que permite al navegador utilizar cualquier fuente de la familia sans-serif para representar el elemento.

Del autor: bienvenido a webformyself. La información es para lo que todos usamos Internet. Una fuente bien elegida permite percibir mejor la información del texto, lo que aumenta la lealtad de las personas hacia un recurso en particular. Averigüemos hoy cómo cambiar la fuente en el sitio.

Cómo cambiar los parámetros

Vale la pena señalar de inmediato que cambiar el texto puede entenderse simplemente como cambiar sus parámetros o cambiar el nombre de la fuente, después de lo cual las letras y los símbolos se verán completamente diferentes. En el primer caso, simplemente adquirirá un color diferente, se volverá más negrita o cursiva.

Estos parámetros se pueden cambiar utilizando las propiedades CSS para trabajar con texto. Puedes aprender más sobre ellos en nuestro tutorial de CSS para principiantes.

Cómo cambiar las fuentes

Y pasamos a nuestra pregunta principal de hoy. Para tales cambios, nuevamente necesitará conocimientos de CSS al menos en un nivel básico. Para cambiar la fuente, necesitamos escribir una propiedad para el elemento que necesitamos:

JavaScript. Inicio rápido

familia de fuentes: nombre;

fuente - familia: nombre;

Por ejemplo, si desea cambiarlo para todo el sitio, debe buscar el selector de cuerpo en la hoja de estilos (generalmente style.css). Generalmente tiene varias fuentes especificadas. El que viene primero después de los dos puntos se utilizará primero. Si por alguna razón no se carga, el navegador seleccionará la segunda y así sucesivamente hasta encontrar una fuente que esté actualmente disponible para su uso.

Debes saber que existen las llamadas fuentes estándar que están disponibles en cualquier sistema operativo y se pueden utilizar sin ningún temor. Por ejemplo, estos son Arial, Times New Roman, Tahoma, etc. Para una confiabilidad aún mayor, después de especificar un nombre específico, puede especificar la familia de fuentes, separada por comas. En este caso, si el estilo seleccionado no está disponible, el navegador seleccionará el primero óptimo de la familia.

familia de fuentes: Arial, "Times New Roman", sans-serif;

fuente - familia: Arial, "Times New Roman", sans - serif;

En este ejemplo, primero se sustituirá la fuente Arial. Si se encuentra, se utilizará. En caso contrario, el navegador buscará Times New Roman. Por cierto, preste atención al hecho de que si el nombre de la fuente consta de varias palabras. Debe estar entre comillas dobles.

Separadas por comas, indicamos la familia tipográfica “sans serif”. Por si acaso. También existen los siguientes: serif (serif), cursiva (cursiva), monoespaciado (monoespaciado), fantasía (decorativo). Cada familia para sus propios fines. Por ejemplo, es mejor elegir una sans serif como fuente principal para leer información.

Puede utilizar texto en cursiva para las comillas y texto monoespaciado para la salida de código de máquina. Por último, a varios títulos les gusta diseñarse utilizando fuentes decorativas.

¿Cómo cargar una nueva fuente al sitio?

Sí, tienes esa oportunidad. Para hacer esto, le aconsejo que cree inmediatamente una carpeta de fuentes en su tema; en el futuro colocará allí todas las fuentes que conectará. En general, no recomiendo conectarse demasiado.

En realidad, veo dos formas de agregar nuevas fuentes al sitio:

Utilice el servicio de fuentes de Google. Aquí puede elegir la fuente que desee y conectarla muy rápidamente al sitio. En este caso, no es necesario conectar ninguna carpeta adicional: todo se cargará desde el almacenamiento del servicio, pero la velocidad de descarga disminuirá ligeramente. Por eso no te aconsejo que te conectes demasiado. Máximo: 3-4 fuentes.

JavaScript. Inicio rápido

Aprenda los conceptos básicos de JavaScript con un ejemplo práctico de cómo crear una aplicación web

En la captura de pantalla puedes ver qué botón debes presionar para usar rápidamente la fuente. Además, si te gusta, puedes añadirlo a tu colección para no perderlo.

Al hacer clic en uso rápido, el servicio le ofrecerá varias opciones de conexión y un código que deberá copiar para conectar la fuente. Recomiendo conectarse de forma estándar a través de la etiqueta de enlace.

Después de eso, puede usar la fuente a través de font-face, el servicio le dirá cómo escribir su nombre correctamente.

Método dos: suba al sitio y conéctese a través de @font-face. CSS tiene una sintaxis especial que le permite agregar nuevas fuentes. Para hacer esto, primero debe cargarlos en algún directorio de su sitio web. Recomiendo crear una nueva: fuentes. Además, es posible que ya tenga dicho directorio, luego simplemente coloque la carpeta con los archivos en él. ¿Dónde puedo conseguirlo? Bueno, por supuesto, descargamos todas las fuentes necesarias de Internet, ¿dónde más?

Me gustaría señalar que para la visualización en varios navegadores, el archivo debe tener al menos varios formatos. Es decir, ttf, woff, eot. En la captura de pantalla puedes ver un ejemplo típico de conexión:

Lo más importante es especificar el nombre así como la ruta a todos los formatos disponibles usando la propiedad src, separados por comas.

Ahora, donde necesites colocar esta fuente, simplemente copia la línea con font-family y colócala allí. Sería razonable agregar un par de fuentes más simples separadas por comas.

Tamaño y otros parámetros.

Bueno, ¿cómo cambiar el tamaño de fuente en el sitio web? La propiedad de tamaño de fuente es responsable de esto y puede especificar valores en píxeles, unidades em relativas, porcentajes y otras unidades. Se considera una buena práctica en el desarrollo web establecer tamaños en unidades relativas para que el texto parezca lo más legible posible con diferentes configuraciones de tamaño de fuente.

La propiedad de desbordamiento controla la visualización del contenido de un elemento de bloque si todo el contenido no cabe y se extiende más allá del área de las dimensiones especificadas.

Breve información

Designaciones

	Descripción	Ejemplo
<тип>	Indica el tipo de valor.	<размер>
A && B	Los valores deben generarse en el orden especificado.	<размер> && <цвет>
Un | B	Indica que es necesario seleccionar solo un valor de los propuestos (A o B).	normales | pequeñas capitalizaciones
Un || B	Cada valor se puede utilizar de forma independiente o junto con otros en cualquier orden.	ancho || contar
	Valores de los grupos.	[ cultivo || cruz ]
*	Repita cero o más veces.	[,<время>]*
+	Repita una o más veces.	<число>+
?	El tipo, palabra o grupo especificado es opcional.	¿recuadro?
(A, B)	Repita al menos A, pero no más de B veces.	<радиус>{1,4}
#	Repita una o más veces separadas por comas.	<время>#

×

Valores

visible Muestra todo el contenido del elemento, incluso más allá de la altura y el ancho especificados. oculto Sólo se muestra el área dentro del elemento, el resto quedará oculto. desplazamiento Las barras de desplazamiento siempre se agregan. Las barras de desplazamiento automático se agregan solo cuando es necesario.

Salvadera

Winnie the Pooh no siempre fue reacio a tomar un pequeño refrigerio, especialmente a las once de la mañana, porque a esa hora el desayuno ya había terminado y el almuerzo aún no había comenzado. Y, por supuesto, se alegró terriblemente de ver que el Conejo sacaba tazas y platos.

div (altura: 80px; desbordamiento: automático;)

Ejemplo

Resultado este ejemplo mostrado en la Fig. 1.

Arroz. 1. Aplicar la propiedad de desbordamiento

modelo de objetos

Objeto.estilo.desbordamiento

Nota

Explorador de Internet hasta la versión 7.0 inclusive:

• relativamente posicionado elementos secundarios, valores de desbordamiento que están configurados en auto o desplazamiento se comportan como si tuvieran posición: fija.

Internet Explorer 8:

• La combinación de desbordamiento con el valor de desplazamiento con las propiedades de altura máxima y flotante puede provocar que falten elementos de la página web y que se muestre una pantalla en blanco en el navegador.
• Para un bloque que tiene propiedades flotantes y se desborda con el valor scroll , se ignora el ancho especificado a través de la propiedad max-width.
• Altura del bloque desde raya horizontal el desplazamiento aumenta según la altura de la barra de desplazamiento, aunque según la especificación CSS especificado las dimensiones deben incluir barras de desplazamiento.

Firefox 3.6 no aplica correctamente el desbordamiento a grupos de celdas de tabla ( , , ).

Especificación

Cada especificación pasa por varias etapas de aprobación.

• Recomendación: la especificación ha sido aprobada por el W3C y se recomienda como estándar.
• Recomendación del candidato ( Posible recomendación ) - el grupo responsable del estándar está satisfecho de que cumple sus objetivos, pero requiere ayuda de la comunidad de desarrollo para implementar el estándar.
• Recomendación propuesta Recomendación sugerida) - en esta etapa el documento se envía al Consejo Asesor del W3C para su aprobación final.
• Borrador de trabajo: una versión más madura de un borrador que ha sido discutido y modificado para revisión de la comunidad.
• Borrador del editor ( Borrador editorial) - una versión borrador del estándar después de que los editores del proyecto realizaron cambios.
• Borrador ( Borrador de especificación) - el primer borrador de la norma.

×