propriété HTML DOM style cssFloat
Définition et utilisation
ensembles de propriétés cssFloat ou retourne l'alignement horizontal des éléments.
grammaire
Définition des propriétés de cssFloat:
Object.style.cssFloat="left|right|none|inherit"
Retour propriétés cssFloat:
Object.style.cssFloat
值 | 描述 |
---|---|
left | 对象/元素浮到父元素的左边 |
right | 对象/元素浮到父元素的右边 |
none | 默认。对象/元素不浮动。 |
inherit | cssFloat 属性的值从父元素继承。 |
support du navigateur
Tous les principaux navigateurs prennent en charge la propriété cssFloat.
Note: IE7 et les versions antérieures ne supportent pas la valeur "inherit".IE8 ne fournit DOCTYPE! Supporté "inherit". soutien IE9 "inherit".
Trucs et astuces
Remarque: Si l'espaceest trop petit pour les besoins de l'élément flottant, cet élément va sauter à la ligne suivante dans une rangée, ce processus se poursuivra jusqu'à ce qu'il ya une ligne suffisamment d' espace.
Exemples
Exemples
Cliquez sur les boutons pour régler l'image flotte sur les bords gauche et droit du texte:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
<Script>
fonctionner floatRight () {
. Document.getElementById ( "img1") style.cssFloat = "right";
}
fonctionner floatLeft () {
. Document.getElementById ( "img1") style.cssFloat = "left";
}
</ Script>
</ Head>
<Body>
<Img id = "img1" src = "w3javascript.gif" width = hauteur "100" = "132">
<P> Ceci est un paragraphe. </ P>
<P> Ceci est un paragraphe. </ P>
<Input type = "button" onclick = "floatRight ()" value = "flottante right">
<Input type = "button" onclick = "floatLeft ()" value = "flottante left">
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
<Script>
fonctionner floatRight () {
. Document.getElementById ( "img1") style.cssFloat = "right";
}
fonctionner floatLeft () {
. Document.getElementById ( "img1") style.cssFloat = "left";
}
</ Script>
</ Head>
<Body>
<Img id = "img1" src = "w3javascript.gif" width = hauteur "100" = "132">
<P> Ceci est un paragraphe. </ P>
<P> Ceci est un paragraphe. </ P>
<Input type = "button" onclick = "floatRight ()" value = "flottante right">
<Input type = "button" onclick = "floatLeft ()" value = "flottante left">
</ Body>
</ Html>
Essayez »
style Objets