# Contenedor: qué es y cómo funciona · Zorraquino
> En diseño de interfaces, un contenedor es un área delimitada que agrupa elementos como texto, imágenes, iconos o botones.
URL: https://www.zorraquino.com/diccionario/internet/contenedor.html

# Contenedor

En diseño de interfaces, un contenedor es una forma o área delimitada que agrupa y contiene otros elementos de la interfaz, como texto, imágenes, iconos o botones

Qué significa, cómo se usa y en qué contexto aparece, con sus conceptos relacionados.

[Todo el diccionario](https://www.zorraquino.com/diccionario)

## Qué es y cómo funciona

Las tarjetas, los diálogos, las hojas inferiores o las barras de navegación son ejemplos de contenedores. Su función es mostrar que los elementos de dentro están relacionados y separarlos del resto, usando bordes, color de superficie, sombra o espacio en blanco.

En Material Design el término se usa también para nombrar el fondo de un componente, como el contenedor de un botón o de un campo de texto, con roles de color propios. En desarrollo web, contenedor puede referirse a un elemento HTML que envuelve y limita el ancho del contenido, y en infraestructura, a un paquete de software aislado como los de Docker; son significados distintos.

También se dice

container

Temas

[Tecnología y datos](https://www.zorraquino.com/diccionario/categoria/tecnologia-y-datos)

## Conceptos relacionados

- [Color de superficie](https://www.zorraquino.com/diccionario/ux/color-de-superficie.html)
- [Interfaz de usuario](https://www.zorraquino.com/diccionario/internet/interfaz-de-usuario.html)
- [Padding](https://www.zorraquino.com/diccionario/ux/padding.html)