Want to share your CSS expertise with others? Apply to the MDN Fellowship by April 1! http://mzl.la/MDNFellowship

mozilla
Vos résultats de recherche

    float

    Résumé

    La propriété CSS float spécifie qu'un élément doit être retiré du flux normal et placé à la droite ou à la gauche de son bloc conteneur, où le texte et les éléments en-ligne se répartiront autour de lui.

    • Valeur initiale none
    • S'applique à all elements, but has no effect if the value of display is none.
    • Héritée non
    • Pourcentages
    • Média visual
    • Valeur calculée comme spécifié
    • Animable non
    • Ordre canonique l'ordre unique et non-ambigu défini par la grammaire formelle

    Un élément flottant est un élément pour lequel la valeur calculée de float n'est pas égale à none.

    Si vous faites référence à cette propriété en utilisant JavaScript comme composant de l'objet element.style, vous devez écrire cssFloat (voir la liste DOM:CSS). Sachez également que IE nécessite l'utilisation de styleFloat.

    Syntaxe

    float: left | right | none | inherit
    

    Valeurs

    left 
    L'élément flotte à gauche du bloc conteneur.
    right 
    L'élément flotte à droite du bloc conteneur.
    none 
    L'élément ne flotte pas.

    Exemples

    Voir l'exemple sur une page

    <html>
     <head>
      <style type="text/css">
       strong
       {
         font-size: 25px;
         float:right;
       }
      </style>
     </head>
     <body>
     
      <p>
        <strong>HELLO!</strong>
        Ceci est un texte. Ceci est un texte. Ceci est un texte.
        Ceci est un texte. Ceci est un texte. Ceci est un texte.
        Ceci est un texte. Ceci est un texte. Ceci est un texte.
        Ceci est un texte. Ceci est un texte. Ceci est un texte.
        Ceci est un texte. Ceci est un texte. Ceci est un texte.
        Ceci est un texte. Ceci est un texte. Ceci est un texte.
        Ceci est un texte. Ceci est un texte. Ceci est un texte.
        Ceci est un texte. Ceci est un texte. Ceci est un texte.
        Ceci est un texte. Ceci est un texte. Ceci est un texte.
        Ceci est un texte. Ceci est un texte. Ceci est un texte.
      </p>
     
    </body>
    </html>
    

    Notes

    À faire : Expliquer comment sont positionnés les éléments flottants. Mention de Contexte de formation de blocs. (À traduire de en:CSS:block formatting context.)

    Spécifications

    Compatibilité des navigateurs

    Navigateurs Version minimales
    Internet Explorer 4
    Netscape 4
    Opera 3.5

    Voir également

    clear, display, position

    Étiquettes et contributeurs liés au document

    Étiquettes : 
    Contributors to this page: Fredchat, fscholz, Nathymig, Mgjbot, teoli, Elethiomel, FredB
    Dernière mise à jour par : teoli,
    Masquer la barre latérale