CSS kelluva ominaisuus
Määrittely ja käyttö
float-ominaisuus määrittää elementin kelluuden suunnan. Tämä ominaisuus on käytetty aiemmin aina kuvien kanssa, jotta teksti pyörii kuvan ympärillä, mutta CSS:ssä mikä tahansa elementti voi kellua. Kelluvat elementit luo blokkitason ruudukon, riippumatta siitä, mikä elementti se on.
Jos kelluva elementti on korvaava elementti, määritä selkeä leveys; muuten ne ovat mahdollisimman kapeita.
Huomautus:Jos vain vähän tilaa on saatavilla kelluvalle elementille yhdellä rivillä, tämä elementti siirtyy seuraavalle riville, ja prosessi jatkuu, kunnes jossain rivillä on riittävästi tilaa.
Katso myös:
CSS-opetus:CSS-asettelu
HTML DOM -viittauskirja:cssFloat-ominaisuus
CSS-grammatiikka
float: none|left|right|initial|inherit;
Ominaisuuden arvo
| Arvo | Kuvaus |
|---|---|
| left | Elementti kelluu vasemmalle. |
| right | Elementti kelluu oikealle. |
| ei ole | Oletusarvo. Elementti ei kellu ja näytetään sen sijaan sen alkuperäisessä tekstissä. |
| periytyy | Määritellään, että float-ominaisuuden arvo pitäisi periytyä vanhemmalta elementiltä. |
Tekninen yksityiskohta
| Oletusarvo: | ei ole |
|---|---|
| Perinnäisyys: | ei |
| Versio: | CSS1 |
| JavaScript-grammatiikka: | object.style.cssFloat="left" |
TIY-esimerkki
- float-ominaisuuden yksinkertainen käyttö
- Käytä kelluvaan leveyttä, jossa on yksi rivi hyperlinkkejä, luodaksesi horisontaalisen valikon.
- Käytä kelluvaan leveyttä, jossa on yksi rivi hyperlinkkejä, luodaksesi horisontaalisen valikon.
- Käytä kelluvaan leveyttä, jossa on yksi rivi hyperlinkkejä, luodaksesi horisontaalisen valikon.
- Käytä kelluvaan leveyttä, jossa on yksi rivi hyperlinkkejä, luodaksesi horisontaalisen valikon.
- Käytä kelluvaan leveyttä, jossa on yksi rivi hyperlinkkejä, luodaksesi horisontaalisen valikon.
- Käytä kelluvaan leveyttä, jossa on yksi rivi hyperlinkkejä, luodaksesi horisontaalisen valikon.
- Käytä kelluvaan leveyttä, jossa on yksi rivi hyperlinkkejä, luodaksesi horisontaalisen valikon.
- Luo horisontaalinen valikko
- Luo horisontaalinen valikko käyttämällä kelluvaan leveyttä, jossa on yksi rivi hyperlinkkejä.
- Luo ilman taulukkoa oleva etusivu
- Luo etusivu, jossa on otsikkopalkki, alatunniste, vasen luettelo ja pääsisältö käyttämällä kelluvaan leveyttä.
Selaimen tuki
Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee tätä ominaisuutta täysin.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
