Azok közül, akik hosszabb ideig írták a HTML-t , emlékezhetnek az elemre. Ez egy olyan böngésző-specifikus elem, amely létrehozta a görgető szöveg bannerét a képernyőn. Ezt az elemet soha nem adták hozzá a HTML-specifikációhoz, és a támogatása széles körben változott a böngészők között. Az emberek gyakran nagyon erõs véleménnyel rendelkeztek ezen elem használatáról - pozitív és negatív is. De attól, hogy szeretett vagy gyűlölte-e, a tartalom határait átlépő tartalmak megjelenítésének célját szolgálta.
Az ok, amiért a böngészők sohasem hajtották végre teljes mértékben az erőteljes személyes véleményt, az az volt, hogy vizuális hatásnak tekinthető, és mint ilyen, nem szabad a HTML-ben meghatározni, amely meghatározza a struktúrát. Ehelyett a vizuális vagy prezentációs hatásokat a CSS-nek kell kezelnie. A CSS3 pedig hozzáadja a címke modulját annak ellenőrzéséhez, hogy a böngészők miként egészítik ki a címkehatást az elemekhez.
Új CSS3 tulajdonságok
A CSS3 öt új tulajdonságot tartalmaz, amelyek segítenek meghatározni, hogy a tartalom megjelenjen-e a sátortáblán: túlcsordulás-stílus, sötétkésleltetés, sötétkésleltetés-számlálás, söntési irány és sávsebesség.
túlfolyó-style
A túlcsordulási tulajdonság (amelyet a CSS túlcsordulás című cikkben is említettem) meghatározza a tartalmat tartalmazó tartalmak előnyben részesített stílusát. Ha beállítja az értéket a vonalas vonalhoz vagy a címke blokkolásához, akkor a tartalom balra / jobbra csúsztatható (kiugró vonal) vagy fel / le (lekerülési blokk).
sátor-style
Ez a tulajdonság határozza meg, hogyan jelenik meg a tartalom (és ki).
Az opciók görgetés, dia és alternatívak. A görgetés a tartalom teljesen kikapcsolt képernyőjén kezdődik, majd átkerül a látható területre, amíg teljesen meg nem jelenik a képernyő. A dia a tartalom teljesen kikapcsolt képernyőjén kezdődik, majd átmegy, amíg a tartalom teljesen át nem mozdul a képernyőre, és nincs több tartalom ahhoz, hogy csúsztassa a képernyőn.
Végül, az alternatív visszapattan a tartalom oldalról oldalra, csúszva előre-hátra.
sátor-play-count
A MARQUEE elem használatának egyik hátránya, hogy a sátortábla soha nem áll le. De a stílusválasztó-játék-számlálással beállíthatja, hogy a kijelölés bizonyos számú alkalommal elforgatja és kikapcsolja a tartalmat.
marquee-irányban
Azt is kiválaszthatja, hogy a tartalom a képernyőn gördüljön. Az előre- és hátrameneti értékek a szöveg irányvonatkozásán alapulnak, amikor a túlcsordulás-stílus vonalas vonalú, és fel vagy le, amikor a túlcsordulás-stílus a címkeblokk.
Marquee-Direction Részletek
| túlfolyó-style | Nyelvirány | előre | fordított |
|---|---|---|---|
| sátor-line | ltr | balra | jobb |
| rtl | jobb | balra | |
| sátor-block | fel | le- |
sátor sebességű
Ez a tulajdonság határozza meg, hogy a tartalom gyorsan gördüljön a képernyőn. Az értékek lassúak, normálisak és gyorsak. A tényleges sebesség függ a tartalomtól és a megjelenítő böngészőjétől, de az értékeknek lassúnak kell lenniük, mint a normálnál lassabb, mint a gyorsabb.
A sötétítő tulajdonságainak böngésző támogatása
Előfordulhat, hogy a CSS sáv elemeinek működéséhez előállító előtagokat kell használni. Ezek a következők:
| CSS3 | Szállító előtagja |
|---|---|
| túlcsordulás-x: árnyékvonal; | túlcsordulás-x: -webkit-marquee; |
| sátor-style | -webkit kijelölés-style |
| sátor-play-count | -webkit kijelölés ismétlés |
| irányjelző: előre | fordított; | -webkit-marquee-direction: előrefelé | hátra; |
| sátor sebességű | -webkit kijelölés sebességű |
| nincs ekvivalens | -webkit kijelölés-növekmény |
Az utolsó tulajdonság lehetővé teszi, hogy meghatározza, milyen nagy vagy kicsi a lépés, amikor a tartalom gördül a képernyőn a sátortáblán.
Annak érdekében, hogy a jelölés működőképes legyen, először az eladó előzetesen megadott értékeket kell elhelyeznie, majd kövesse őket a CSS3 specifikációs értékekkel. Például itt van egy CSS, amely egy 200x50-es dobozban ötször balról jobbra görget.
{
szélesség: 200px; magasság: 50px; fehér-space: nowrap;
túlcsordulás: rejtett;
túlfolyó-x: -webkit kijelölés;
-webkit-marquee-direction: előre;
-webkit-marquee-style: scroll;
-webkit-marquee-sebesség: normál;
-webkit-marquee-növekmény: kicsi;
-webkit-marquee-ismétlés: 5;
túlcsordulás-x: árnyékvonal;
irányjelző: előre;
sátratípus: görgetés;
hajósebesség: normál;
marquee-play-count: 5;
}