Create your own awesome maps

Even on the go

with our free apps for iPhone, iPad and Android

Get Started

Already have an account?
Log In

Formater son texte en HTML5 et CSS3 by Mind Map: Formater son texte 
en  HTML5 et CSS3
0.0 stars - 0 reviews range from 0 to 5

Formater son texte en HTML5 et CSS3

Espace

Entre les lettres

letter-spacing

Entre les mots

word-spacing

Entre les lignes

line-height

Retrait

text-indent

text-indent: 30px;

Citation

<blockquote> </blockquote>

Texte en

majuscule

text-transform: uppercase;

petite majuscule

font-variant: small-caps;

minuscule

lowercase

1ère lettre Maj

capitalize

exposant

<sup> </sup>

indice

<sub> </sub>

Image flottante

Dans le Html

<img src="rose.jpg" alt="rose" class="reiki">

On indique un nom de class="reiki"

Dans le Css

.reiki { float: left; }

La class reiki est rappelée

Variante

.reiki { float: right; }, Aligné à droite

Decoration

text-decoration

none, texte non souligné

underline, texte souligné par dessous

overline underline, texte souligné par dessus et dessous

line-through, texte barré

Alignement

Verticalement en CSS

vertical-align:, baseline;, alignement par défaut, sub;, texte en indice, super;, texte en exposant, top;, plus haut que l'élément parent, middle;, texte au milieu, bottom;, texte au plus bas

Horizontalement en CSS

text-align:, left;, gauche, right;, droite, justify;, justifier, center, centré, auto;, alignement par défaut

Les attributs

Police

font-family: Times New Roman;

font-family: arial, verdana, sans-serif ;

Pesonnalisée, @font-face, Le navigateur téléchargera la police, Conseils :, 2 polices personnalisées par site, Exemple :

La taille

font-size

Derivés, font-size: x-large;, font-size: 1.2em;, font-size: 14px;

Gras

font-weight: bold;

Souligné

text-decoration: underline;

Italique

font-style: italic;

Raccourci

font: italic bold small-caps 20pt Arial;

L'auteur : Olivier Legrand

Formateur du Web

Olivier Legrand - Concepteur pédagogique multimédia

Les puces

Balises

<ul> </ul>, <li> puce </li>, simple

<ol> </ol>, numérotation

Exemple

CSS

liste-style-type, disc, cercle plein, circle, cercle vide, square, carré, upper-roman, soit I . II . III etc, lower-roman, soit i, ii , iii etc, upper-alpha, soit A, B, C, D etc, lower-alpha, soit a, b, c, d, etc

Exemple

Image

list-style-image

.image1 { list-style-image: url(bouton.png);}