Textarea - Como usar e Estilizá-lo

Não sei se todos sabem mas o Textarea são caixas de texto com várias linhas, geralmente usado para inserção de códigos entre outros.

Exemplo:

TEXTO AQUI

Como foi visto acima o código básico e limpo do textarea é o seguinte:
<textarea rows="1" cols="40">TEXTO OU CÓDIGO AQUI</textarea>

• rows é equivalente ao número de linhas do código, cols é equivalente ao número de colunas do mesmo código.

Porém, você pode deixá-lo mais atraente e de acordo com seu site vamos agora saber algumas técnicas do textarea, vou aconselhar a vocês estarem usando um estilo a ele porém quem preferia usar uma id externa no CSS fique a vontade para isso.

Estilo diferente ao Textarea:

TEXTO AQUI
<textarea onfocus="this.select()" onmouseover="this.focus()" style="background: #ccc; border: 1px solid #999; color:#990000; padding:5px; height: 40px; width: 400px;">TEXTO OU CÓDIGO AQUI</textarea>

• AZUL = Texto será selecionado assim que passar o mouse sobre ele
• VERMELHO = Cor de fundo do Textarea, poderá alterar o "ccc".
• VERDE =  Borda do Texarea, altere a espessura da borda e sua cor "999".
• PRETO = Altere a altura e a largura respectivamente.
• AMERELO = Cor do Texto, altere o "990000"
• ROXO = Margem interna do código, altere o "5px"