Ejemplo
Devolver la anchura exterior de un <div> elemento:
$("button").click(function(){
alert($("div").outerWidth());
});
Inténtalo tú mismo " Definición y Uso
El outerWidth() método devuelve la anchura exterior del elemento emparejado PRIMERO.
A medida que la imagen de abajo ilustra, este método incluye el relleno y el borde.
Consejo: Para incluir el margen, utilice outerWidth(true) .
métodos relacionados:
- width() - Establece o devuelve el ancho de un elemento
- height() - Establece o devuelve la altura de un elemento
- innerWidth() - Devuelve el ancho de un elemento (incluye relleno)
- innerHeight() - Devuelve la altura de un elemento (incluye relleno)
- outerHeight() - Devuelve la altura de un elemento (incluye el relleno y el borde).
Sintaxis
$(selector).outerWidth( includeMargin )| Parámetro | Descripción |
|---|---|
| includeMargin | Opcional. Un valor booleano que especifica si se incluye o no el margen
|
Inténtelo usted mismo - Ejemplos
Incluir el margen
Specifiy si se incluye o no el margen.
Dimensiones de la pantalla con los métodos relacionados
Cómo utilizar width(), height(), innerHeight(), innerWidth(), outerWidth() y outerHeight() .