Tayo
Astuce et Tutorial » Programmation / Developpement » css-et-design » Astuce rédigée par Zabuza
Description de cet article : Modifier la hauteur (margin) d'une balise

Lire les commentaires

Changer l'espace (hauteur) de ligne d'une balise <p>

 


Objectif de l'astuce : Astuce css pour la balise <p>




 


La balise <p> Texte </p> permet d'écrire une ligne puis, un saut de ligne ( caractérisé par le </p>).

En réalité, la lettre p vient du mot anglais Paragraph ( paragraphe ).. Toutes lignes contenues dans cette balise est (logiquement) un "paragraphe". Pour sauter de ligne la méthode la plus simple est l'utilisation de <br/>


Pour modifier son apparence ( dans tous le site dès que <p> sera présent, dans le fichier de style .css il convient d'utiliser


[code=css]


p {

color:#00FFFF


} [/code]


 Ici, color modifiera donc la couleur de vos lignes.

Cependant, pour changer la hauteur de ligne, c'est à dire l'espace entre celle-du dessus et celle du dessous, il suffit d'utiliser la valeur margin et padding


 [code=css]


p {


line-height:14px;

 }


[/code]


14px est ici à changer par la hauteur voulue.

En exemple :


 



Exemple du line-height avec valeur 14 px

2 ème ligne

3ème, toujours séparée par la balise <br/>



Si vous souhaitez utiliser des <p> </p> entre chaque ligne ( on oubli alors la fonction de "paragraphe" ) vous pouvez utilise la fonction css margin-bottom


 [code=css]


p {


margin-bottom:2px; padding-bottom:2px;

 }


[/code]


Exemple avec <p> et margin-bottom 2px;


Exemple avec <p> et margin-bottom 2px;


Comme vous le voyez, ici la hauteur de ligne est modifiée de manière "barbare", mais c'est parfaitement fonctionnel.


 


Libre à chacun de choisir sa préférence pour son site


Vous pouvez naturellement modifier une ligne en particulier en utilisant la ressource <p class="votreclasse">Texte</p> , mais cela ne s'avère pas pratique du tout


 


 



réduireNews
réduireTutoriel lié
  • Changer espace de ligne d'une balise


    Modifier la hauteur (margin) d\'une balise

  • : tooltip sans javascript
    Une balise html permettant d'afficher des mots au passage de la souris
  • Changer son pseudo facilement mirc
    Marre de changer son pseudo avec /nick ... ?
  • Php Trouver le titre <title> d'une page ..
    Comment récuper le titre d'un site avec preg_match
  • Dans la même catégorie : css-et-design

    Passer l'activation de Windows 7 temporairement avec invite de commande

    Faire tourner un div d'un certain angle en css
    réduireSocial

    rss 3D png rss 3D png


    Pseudo :
    Pass :
    Les lecteurs ont donné une note moyenne de :
    note 7
    Note: 7 sur 10

    Donnez votre note à ce tuto sur 10 :

    Faire tourner un div d'un certain angle en css

    Comment éviter les longs mots de détruire le désign ?

    Liste des commentaires pour Changer espace de ligne d'une balise

    [-A-]


    Votre PseudoIl y a 0mn
    Votre commentaire forum
    Vous avez la parole
    Laissez un commentaire sur cet article.
    Pseudo :


    Facultatif : Cliquez ici pour choisir une tête
    Votre email ( non publié ) :

    Image anti spam :
    Code Image
    Recopier les 5 chiffres de cette image :






    Prendre contact avec Tayo.fr : Formulaire Tayo

    Tayo.fr, copyright jusqu'en 2233 ( Au moins ! ).