SVG tem alguns elementos predefinidos da forma que podem ser usados pelos colaboradores:

• <rect> do retângulo
• <ellipse> do Ellipse
• <circle> do círculo
• Linha <line>
• <polyline> de Polyline
• <polygon> do Polygon
• <path> do trajeto

O seguinte capítulo explicará cada elemento, começando com o elemento do rect.

O Tag do <rect> é usado criar um retângulo e uma variedade de uma forma do retângulo.

Para compreender como isto trabalha, copí o seguinte código no Notepad e conservar a lima como “rect.svg”. Colocar a seguinte lima em seu diretório da correia fotorreceptora:

• Os atributos da largura e da altura do elemento do rect definem a largura e a altura do retângulo

• O atributo do estilo define propriedades do CSS

• A propriedade da suficiência do CSS define a cor da suficiência do retângulo (um valor do rgb, um nome da cor, ou um valor hexadecimal)

• A propriedade da curso-largura do CSS define a largura da beira do retângulo

• A propriedade do curso do CSS define a cor da beira do retângulo

• O atributo de x define a posição esquerda do retângulo (por exemplo o x= " 0 " coloca os pixels do retângulo 0 da esquerda do browser)

• O atributo de y define a posição superior do retângulo (por exemplo o y= " 0 " coloca os pixels do retângulo 0 do alto do browser)

• A propriedade da ench-opacidade do CSS define a opacidade da cor da suficiência (escala legal: 0 a 1)

• A propriedade da curso-opacidade do CSS define a opacidade da cor do curso (escala legal: 0 a 1)

O último exemplo criará um retângulo com os cantos arredondados: