El atributo ancho define la longitud vertical de un elemento.
Sintaxis:
width= "width"
Valores de atributos:
- length: Longitud en la que queremos establecer el atributo de ancho.
- porcentaje: Porcentaje en el que queremos establecer el atributo ancho.
Usaremos el atributo ancho para establecer el ancho del elemento.
Ejemplo 1: En este ejemplo, usaremos el atributo de ancho para establecer el ancho de rect usando el valor de longitud.
<!DOCTYPE html> <html> <body> <svg viewBox="0 0 900 300" xmlns="http://www.w3.org/2000/svg"> <rect y="45" x="45" width="30" height="20" fill="green" /> <rect y="90" x="45" width="30" height="20" fill="green" /> </svg> </body> </html>
Producción:
Ejemplo 2: En este ejemplo, usaremos el atributo de altura para establecer la altura de rect usando el valor porcentual.
<!DOCTYPE html> <html> <body> <svg viewBox="0 0 900 300" xmlns="http://www.w3.org/2000/svg"> <rect y="45" x="45" width="30%" height="10%" fill="green" /> <rect y="90" x="45" width="30%" height="10%" fill="green" /> </svg> </body> </html>
Producción:
