dissabte, 29 de març del 2014

CSS. Propietats de text


A continuació es detallen algunes de les propietats que podem aplicar a un text

color

La propietat de color és una de les principals a aplicar a un text. El color per defecte del text depèn del navegador però sol ser el negre.
Hi ha vàries maneres de definir el color (aquí teniu una llista complerta)

  • Nom del color 
  • Codi hexadecimal 
  • Codi RGB 
Exemple

p {color:gray;} 
h1 {color:#00ff00;} 
h2 {color:rgb(255,0,0);}

text-decoration

La propietat text-decoration s'utilitza per fixar o treure les decoracions de text.La seva sintaxi és : text-decoration: none|underline|overline|line-through|initial|inherit; Podeu provar les diferents opcions aquí La propietat text-decoration s'utilitza sobretot per treure els subratllats d'enllaços per millorar el disseny, per exemple:

<!DOCTYPE html>
 <html>
  <head>
     <style> a {text-decoration:none;}
     </style> 
  </head> 
  <body>
   <p>Enllaç a 
     <a href="http://www.institutmvm.cat">INS MVM</a>
   </p> 
  </body>
 </html>

text-align

La propietat text-align especifica l'alineació horitzontal del text en un element. 

h1 {text-align:left} 
h2 {text-align:right}
h3 {text-align:center}


Totes les propietats de text les podeu veure a la següent taula

Propietat
Descripció
Especifica el color del text
Especifica la direcció del text
Incrementa o decrementa l'espai de les lletres en un text
Especifica l'espai entre línies
Especifica l'alineació horitzontal
Especifica si s'afegeix o no decoració a un text
Fa sagnat del text 
Efecte amb ombra del text
Modifica el text, amb majúscules, minúscules etc..
S'utilitza juntament amb la direcció de la propietat per establir o retornar si el text ha de quedar relegada per suportar múltiples idiomes en el mateix document
Indica la posició vertical del text
Especifica l'espai entre caràcters
Incrementa o decrementa l'espai entre paraules


Cap comentari:

Publica un comentari a l'entrada