in

Propiedad de ancho de CSS

Ejemplo

Establezca el ancho de tres elementos

:

div.a {
ancho: auto;
borde: 1px negro sólido;
}

div.b {
ancho: 150px;

borde: 1px negro sólido;
}

div.c {
ancho: 50%;
borde: 1px negro sólido;
}

Inténtalo tú mismo »

Más ejemplos de «Pruébelo usted mismo» a continuación.


Definición y uso

los width propiedad establece el ancho de un elemento.

¡El ancho de un elemento no incluye relleno, bordes ni márgenes!

Nota: Las propiedades min-width y max-width anulan las width
propiedad.


Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.

Propiedad
ancho 1.0 4.0 1.0 1.0 3,5


Sintaxis CSS

ancho: auto |valor| inicial | heredar;

Valores de propiedad


Más ejemplos

Ejemplo

Establezca el ancho de un elemento usando un valor de porcentaje:

img {
ancho: 50%;
}

Inténtalo tú mismo »

Ejemplo

Establezca el ancho de un elemento en 100px. Sin embargo, cuando se enfoque, hágalo 250px de ancho:

aporte[type=text] {
ancho: 100px;
}

aporte[type=text]:atención {
ancho: 250px;
}

Inténtalo tú mismo »


páginas relacionadas

Tutorial de CSS: altura y anchura de CSS

Tutorial CSS: modelo CSS Box

Referencia CSS: propiedad de altura

Referencia HTML DOM: propiedad de ancho

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

1632804049 social og oracle badge

IaaS frente a PaaS | Oráculo

apache spark tutorial

Tutorial de Apache Spark – Javatpoint