Tisti, ki ste že dolgo pisali HTML, se lahko spomnite elementa. To je bil element, specifičen za brskalnik, ki je na zaslonu ustvaril banner pomikajočega se besedila. Ta element ni bil nikoli dodan v specifikacijo HTML in podpora za to se je v različnih brskalnikih zelo razlikovala. Ljudje so pogosto imeli zelo trdna mnenja o uporabi tega elementa - tako pozitivnega kot negativnega. Ampak, če ste ga radi ali sovražili, je služil namenu izdelave vsebine, ki je prelila vidne meje polja.
Del razloga, ki ga brskalniki niso nikoli v celoti izvajali, je poleg trdnega osebnega mnenja tudi to, da se šteje za vizualni učinek, zato ga HTML ne definira, kar opredeljuje strukturo. Namesto tega morajo vizualne ali predstavitvene učinke upravljati CSS. In CSS3 doda modul marquee, da nadzira, kako brskalniki dodajajo učinek marquee elementom.
Nove lastnosti CSS3
CSS3 dodaja pet novih lastnosti, ki vam pomagajo nadzirati, kako se vaša vsebina prikaže v maratonu: prelivi, v stilu šotora, marquee-play-count, smer vožnje in hitrost brisanja.
Možnosti so Nazadnje, nadomestni odkloni vsebino z ene strani na drugo, drsi naprej in nazaj. Morda boste morali uporabiti predpono ponudnika, da bodo elementi CSS elementov delali. Ti so naslednji: Zadnja lastnost vam omogoča, da določite, kako velik ali majhen morajo biti koraki, ko se vsebina pomika na zaslonu v maratonu. Če želite, da bodo vaši marki delovali, morate najprej postaviti predpono prodajalca, nato pa jih slediti s specifikacijami CSS3. Na primer, tukaj je CSS za oznako, ki petkrat prečka besedilo od leve proti desni v okence 200x50.preliviThe prelivi lastnost (o kateri sem tudi razpravljal v članku CSS Overflow) določa prednostni slog za vsebine, ki prelivajo polje vsebine. Če vrednost nastavite na marquee-line ali Blokirni blok vaša vsebina se bo pomaknila v levo / desno (marquee-line) ali gor / dol (Blokirni blok).v stilu šotoraTa lastnost določa, kako se bo vsebina premaknila v pogled (in zunaj nje).pomaknite se, zdrs in nadomestni. Pomik se začne z vsebino povsem izklopljenega zaslona, nato se premakne čez vidno področje, dokler ni popolnoma popolnoma izklopljen. Diapozitiv se začne z vsebino povsem izklopljenega zaslona, nato pa se premika, dokler se vsebina popolnoma ne premakne na zaslon, in na zaslonu ni več vsebine.marquee-play-countEna od pomanjkljivosti uporabe MARQUEE Element je, da se oznaka nikoli ne ustavi. Toda s slogovno lastnostjo marquee-play-count lahko nastavite oznako za vklop in izklop vsebine za določen čas.smer vožnjeIzberete lahko tudi smer, na katero naj se vsebina pomakne na zaslonu. Vrednosti naprej in obratno temeljijo na usmerjenosti besedila, ko prelivi je marquee-line in navzgor ali navzdol, ko prelivi je Blokirni blok.Podrobnosti o usmeritvi
preliviJezik smer naprej obratno marquee-lineltr levo prav rtl prav levo Blokirni blok up navzdol hitrost brisanjaTa lastnost določa, kako hitro se vsebina pomika na zaslonu. Vrednosti so počasi, normalno, in hitro. Dejanska hitrost je odvisna od vsebine in brskalnika, ki ga prikazuje, vendar morajo biti vrednosti počasi je počasnejša od normalno ki je počasnejša od hitro.Podpora brskalnika za znamke Marquee
CSS3 Ponudnik prodajalca preliv-x: marque-line;preliv-x: -webkit-marquee;v stilu šotora-strankarsko-šotorski slogmarquee-play-count-webkit-marquee-ponavljanjesmer vožnje: naprej | vzvratno;-webkit-marquee-direction: forward | nazaj;hitrost brisanja-webkit-marquee-hitrostni enakovrednega -webkit-marquee-prirastek{ širina: 200px; višina: 50 slikovnih pik; belo-prostor: zdaj; preliv: skrit; preliv-x: -webkit-marquee; -webkit-marquee-direction: forward; -webkit-marquee-style: pomikanje; -webkit-marquee-speed: normalno; -webkit-marquee-inkrement: majhen; -webkit-marquee-ponavljanje: 5; preliv-x: marque-line; smer vožnje: naprej; slog robnice: pomikanje; marquee-speed: normalno; marquee-play-count: 5;}
