• CSS - Largeur et hauteur

    Vous pouvez préciser les dimensions de vos objets, c'est même recommandé car l'affichage se fera plus vite, même si elles ne modifient pas les dimensions d'origine des objets.


    width: valeur;

    Cette propriété sert à définir la largeur de votre objet. Valeurs possibles :

    une valeur en pixels
    un pourcentage
    auto

    Une valeur en pixels vous donnera une largeur précise, fixe, qui ne s'adaptera pas à la résolution de l'écran de votre visiteur. Mais c'est tout de même une valeur très pratique.
    Un pourcentage vous donnera une largeur qui s'adaptera à la résolution de l'écran de votre visiteur.
    auto est une valeur nettement moins recommandée, car elle ne vous donnera pas toujours ce que vous voulez, et ne réagira pas toujours de la même manière selon les navigateurs.

    Exemples :

    Code:
    width: 350px;
     
    width: 50%;
    height: valeur;

    Cette propriété est complémentaire de la précédente. Elle vous permettra de définir la hauteur de votre objet. Valeurs possibles :

    une valeur en pixels
    un pourcentage
    auto

    Ce sont les mêmes possibilités que pour la largeur.

    Exemple :

    Code:
    height: 200px;
    line-height: valeur;

    Cette propriété peut vous servir à définir la hauteur d'une ligne de texte. La hauteur d'un texte est liée à la taille de la police qui le compose. Mais vous pouvez vouloir faire un effet particulier en réduisant cette hauteur (attention aux lettres qui peuvent être coupées, dans ce cas) ou en l'augmentant pour aérer votre texte. Valeurs possibles :

    normal
    une valeur en pixels
    un pourcentage

    normal ne modifiera en rien l'espacement vertical de votre texte. C'est la valeur par défaut.
    Une valeur en pixels vous permettra de définir avec précision la hauteur d'une ligne de texte.
    Un pourcentage servira à multiplier la hauteur de la police pour augmenter la hauteur d'une ligne de texte. Plus délicat à employer.

    Exemples :

    Code:
    line-height: 60px;
     
    line-height: 120%;
    Cette propriété est complémentaire de celles directement liées à la présentation des textes.
  • Donations Dons

    Si vous aimez ce site et que vous souhaitez nous supporter, vous pouvez effectuer un don. Tous les dons sont gracieusement acceptés.

    Indiquez la valeur souhaitée au format « xx.xx ».


    Sélectionnez votre monnaie et le montant du don que vous souhaitez effectuer, puis cliquez sur l'image ci-dessous.

  • Horloge

  • Calendrier

    Mars   2024
    Di Lu Ma Me Je Ve Sa
    1 2
    3 4 5 6 7 8 9
    10 11 12 13 14 15 16
    17 18 19 20 21 22 23
    24 25 26 27 28 29 30
    31
  • Derniers mods Derniers mods

    [Additions majeures] - vbBux &...
    - par Dadoo

    [Chat] - Demande de...
    - par lasilix

    [Portails] - vBadvanced...
    - par Dadoo

    [Additions majeures] - Librairie de...
    - par Dadoo

    [Additions majeures] - microNEWSLETTER...
    - par Dadoo

    [Additions majeures] - Tournois &...
    - par Dadoo

    [Additions majeures] - Clavier Virtuel
    - par Greggg

    [Outils d'administration] - Envoyer un...
    - par Greggg

    [Outils de modération] - Outils de...
    - par Greggg

    [Add-ons] - Copyright...
    - par Greggg