Mise en forme de texte
color : couleur
style='color : navy ; font-size : 14pt' : Texte en bleu marine
| Couleur | Nom des couleurs | Hex rgb | Decimal |
|---|---|---|---|
| black | #000000 | 0,0,0 | |
| navy | #000080 | 0,0,128 | |
| blue | #0000FF | 0,0,255 | |
| green | #008000 | 0,128,0 | |
| teal | #008080 | 0,128,128 | |
| lime | #00FF00 | 0,255,0 | |
| aqua | #00FFFF | 0,255,255 | |
| maroon | #800000 | 128,0,0 | |
| purple | #800080 | 128,0,128 | |
| olive | #808000 | 128,128,0 | |
| gray | #808080 | 128,128,128 | |
| silver | #C0C0C0 | 192,192,192 | |
| red | #FF0000 | 255,0,0 | |
| fuchsia | #FF00FF | 255,0,255 | |
| yellow | #FFFF00 | 255,255,0 | |
| white | #FFFFFF | 255,255,255 |
text-transform : capitalize | uppercase | lowercase | none
Texte original
Texte original en capitale
Texte original en majuscule
Texte original en minuscule
text-decoration : none | underline || overline || line-through
Texte souligné
Texte surligné
Texte barré
Texte souligné et surligné
text-align : left | right | center | justify
Aligné à droite : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.
Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper.
Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor.
Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh.
Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.
Centré : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus.
Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor.
Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum.
Maecenas adipiscing ante non diam sodales hendrerit.
Justifié : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus.
Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.
text-indent : taille
| pourcentage
line-height : normal | nombre
| taille
| pourcentage
Dans la plupart des cas, un nombre est préférable une taille du fait de l'héritage des styles.
style="line-height : 1.5em". Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
style="line-height : 200%". Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
style="line-height : 5". Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
quotes : none | 'caratère' 'caratère' 'caratère' 'caratère'
Spécifie les délimiteurs à utiliser au 1er niveau, au deuxième...
q {quotes :'\201C' '\201D' "!" "¡";}
Salut q
les gars et q
les filles /q
que je connais /q
Salut
les gars et
les filles
que je connais
letter-spacing : normal | length
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. style="letter-spacing : 0.5em" Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
word-spacing : normal | taille
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. style = " letter-spacing : 0.5em " Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
white-space : normal | pre | nowrap | pre-wrap | pre-line
pre et pre-wrap conservent les espaces multiples
pre et no-wrap ne font pas le renvoi à la ligne dans le bloc
normal et no-wrap suppriment les sauts de ligne
white-space:normal --- Lorem ipsum dolor sit amet, consectetur adipiscing elit. ET UN SAUT DE LIGNE Sed non risus. Maecenas ligula massa, varius a, semper congue, euismod non, mi.ET DES ESPACES ENTRE ICI ET LA ! Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
white-space:pre --- Lorem ipsum dolor sit amet, consectetur adipiscing elit. ET UN SAUT DE LIGNE Sed non risus. Maecenas ligula massa, varius a, semper congue, euismod non, mi. ET DES ESPACES ENTRE ICI ET LA ! Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
white-space:nowrap --- Lorem ipsum dolor sit amet, consectetur adipiscing elit. ET UN SAUT DE LIGNE Sed non risus. Maecenas ligula massa, varius a, semper congue, euismod non, mi.ET DES ESPACES ENTRE ICI ET LA ! Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
white-space:pre-wrap --- Lorem ipsum dolor sit amet, consectetur adipiscing elit. ET UN SAUT DE LIGNE Sed non risus. Maecenas ligula massa, varius a, semper congue, euismod non, mi. ET DES ESPACES ENTRE ICI ET LA ! Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
white-space:pre-line --- Lorem ipsum dolor sit amet, consectetur adipiscing elit. ET UN SAUT DE LIGNE Sed non risus. Maecenas ligula massa, varius a, semper congue, euismod non, mi.ET DES ESPACES ENTRE ICI ET LA ! Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
::-moz-selection {styles}
Sélectionner du texte et il sera stabyloté !
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Maecenas ligula massa, varius a, semper congue, euismod non, mi.