CSS - ancho

Descripción

El ancho establece el ancho del área de contenido de un elemento.

Valores posibles

length- Cualquier unidad de longitud. No se permiten valores de longitud negativos para esta propiedad.
percentage - El ancho se calcula con respecto al ancho del bloque contenedor del elemento, asumiendo que el ancho del bloque contenedor se ha establecido explícitamente.
auto- Por defecto. El navegador calcula el ancho real.

Se aplica a

Todos los elementos HTML excepto los elementos en línea no reemplazados, las filas de la tabla y los grupos de filas.

Sintaxis DOM

object.style.width = "100px";

Ejemplo

Aquí está el ejemplo:

<html>
   <head>
   </head>

   <body>
      <p style = "width:400px; height:100px; border:1px solid red; padding:5px; margin:10px;">
         This paragraph is 400pixels wide and 100 pixels high
      </p>
   </body>
</html>

Esto producirá el siguiente resultado:

↰ Previous page