text-indent CSS propriété

Définition de la CSS text-indent.

La propriété CSS text-indent permet de spécifier le décalage la première ligne d'un texte (retrait).

Exemple de syntaxe CSS text-indent :

text-indent : 5px;
text-indent : 5%;
text-indent : 1em;

La propriété de feuille de style text-indent CSS peut pendre une valeur :

numérique positif ou négatif suivi d'un unité de longueur CSS ( px ou pt ou em, etc...). 0 est la valeur par défaut.
numérique positif ou négatif suivi de % (pourcentage).
inherit : hérite de la propriété CSS text-indent de son parent (CSS2).

La propriété text-indent CSS influencée par direction ou l'attribut HTML dir.

Exemple de code text-indent CSS

Conditions d'application de la CSS text-indent.

La propriété CSS text-indent est applicable sur l'ensemble des balises HTML ou XHTML de type "bloc" ou "inline-bloc".

Héritage des valeurs Css de text-indent.

Les balises filles HTML ou XHTML héritent de la propriété CSS text-indent.

Problème d'interprétation de text-indent en Css.

La propriété CSS text-indent peut poser des problèmes d'interprétation en valeur positive, quand le texte sort de l'élément :

la césure varie suivant les navigateurs.
la taille calculé de l'élément varie suivant les navigateurs si l'élément est de type inline-box et sans width spécifié.

Conditions d'animation de text-indent en CSS3.

La CSS text-indent est une propriété de feuille de style qui peut être utilisée pour les animations CSS et transitions CSS.

Règles de syntaxes CSS pour text-indent.

Calcul d'une valeur en %

La valeur du décalage de la ligne est calculée en fonction de la valeur calculée du width de son élément conteur.

Valeur négative

Si valeur du décalage de la ligne est négatif, alors le contenu sort du conteneur ce dernier sera affecté sur le rendu d' overflow

Compatibilités navigateurs de la propriété text-indent

Détails des versions de la CSS text-indent: Propriété text-indent est compatible avec CSS1 et plus.; Propriété text-indent est compatible avec CSS2 et plus.

Résumé du support navigateurs de la CSS text-indent: Propriété CSS text-indent est compatible à partir de Chrome 1; Propriété CSS text-indent est compatible à partir de Firefox 1; Propriété CSS text-indent est compatible à partir de Internet Explorer 6; Propriété CSS text-indent est compatible à partir de Opera 3.5; Propriété CSS text-indent est compatible à partir de Safari 1

Equivalence de la CSS text-indent en HTML.

La propriété de feuille de style text-indent CSS n'a pas d'équivalence en HTML ou XHTML.

Flash mx `text-indent` CSS

Pour les utilisateurs de Flash MX, l'équivalence actionscript de la cascading style sheets text-indent est textIndent. Seules les valeurs numériques sont acceptées, l'unité est le pixel (pour flash le px = pt).

Votre avis sur la définition text-indent en CSS

Votez pour la définition CSS `text-indent`

Votes: 4.3 / 5 - 26 votes
Cliquez sur une étoile pour voter.