Atributo CSS scale

Definición y uso

scale El atributo le permite cambiar el tamaño del elemento.

scale El atributo define los valores de proporción de escalado en las direcciones x e y del elemento. También puede definir la proporción de escalado en el eje z.

Los valores de escalado pueden ser un valor, dos valores o tres valores.

• Si se proporciona un valor, la proporción de escalado en las direcciones x e y es la misma.
• Si se proporcionan dos valores, el elemento se escala en las direcciones x e y según las proporciones especificadas.
• Si se proporcionan tres valores, el elemento se escala en las direcciones x, y y según las proporciones especificadas.

Para entender mejor scale Para ver el atributo, consulteDemostración.

Nota:Otra técnica para escalar elementos es usar atributos con Función scale() de CSS del atributo CSS transform. La explicación de CSS en esta página web scale El atributo puede decirse que es una manera más simple y directa de escalar un elemento.

Ejemplo

Ejemplo 1

Cambiar el tamaño del elemento:

div {
  scale: 2;
}

Pruebe usted mismo

Ejemplo 2

Cuando scale Cuando se establecen dos valores para el atributo, se establece el tamaño en el eje x y eje y respectivamente. Aquí, el tamaño del elemento en el eje x se duplica y en el eje y se reduce a la mitad:

div {
  scale: 2 50%;
}

Pruebe usted mismo

Sintaxis de CSS

scale: eje-x eje-y eje-z|initial|inherit;

Valor del atributo

Detalles técnicos

Compatibilidad del navegador

Los números en la tabla representan la versión del navegador que admite completamente esta propiedad por primera vez.

Páginas relacionadas

Tutoriales:Transformaciones 2D CSS

Tutoriales:Tutoriales:

Transformaciones 3D de CSSAtributo CSS rotate

Transformaciones 3D de CSSAtributo translate de CSS