Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.
CSS: propiedad de ancho
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada ancho Con sintaxis y ejemplos.
describir
La propiedad de ancho de CSS define el ancho del área de contenido de un elemento.
sintaxis
La sintaxis de la propiedad CSS de ancho es:
width: value;parámetro o parámetro
valor
El ancho del área de contenido del elemento. Puede ser uno de los siguientes:
| valor | describir |
|---|---|
| estable | Un valor fijo en píxeles, em, etc. div { ancho: 150px; } div {ancho: 50em;} |
| porcentaje | valor porcentual div {ancho: 100%;} |
| carro | El navegador calculará el ancho del elemento. div {ancho: automático;} |
| heredar | El elemento heredará el ancho de su elemento principal div {ancho: heredar;} |
notas
- El área de contenido de un elemento está dentro del relleno, los bordes y los márgenes del elemento.
- La propiedad de ancho de CSS funciona en elementos reemplazados y a nivel de bloque.
- Cuando el valor se proporciona como un porcentaje, es relativo al ancho del bloque que lo contiene.
- Véase también altura, altura máxima, anchura máxima, altura mínima, anchura mínima.
Compatibilidad del navegador
La propiedad de ancho CSS tiene soporte básico para los siguientes navegadores:
- Aleación de cromo
- androide
- Firefox (Geco)
- Firefox móvil (Geco)
- Navegador de Internet (IE)
- es decir, móvil
- ópera
- Ópera Móvil
- Safari (WebKit)
- Safari para móvil
ejemplo
Discutiremos la propiedad de ancho a continuación, explorando ejemplos de cómo usar esta propiedad en CSS.
usar valor fijo
Veamos un ejemplo de ancho de CSS donde proporcionamos el ancho como un valor fijo en píxeles.
div { width: 200px; }En este ejemplo de ancho de CSS, vamos a
También podemos representar el ancho como un valor fijo en em.
div { width: 175em; }En este ejemplo de ancho de CSS, vamos a
porcentaje de uso
Veamos un ejemplo de ancho de CSS donde proporcionamos el ancho como un porcentaje.
div { width: 90% }En este ejemplo de ancho de CSS, vamos a
uso automático
Veamos un ejemplo de ancho de CSS donde usamos auto como el valor de ancho.
div { width: auto; }En este ejemplo de ancho de CSS, el navegador calculará