Ne teistä, jotka ovat jo pitkään kirjoittamassa HTML-koodia, voivat muistaa elementin. Tämä oli selainkohtainen elementti, joka loi rullan tekstin bannerin näytön yli. Tätä elementtiä ei ole koskaan lisätty HTML-määritykseen, ja sen tuki vaihteli laajasti eri selaimissa. Ihmisillä oli usein vahvoja mielipiteitä tämän elementin käytöstä - sekä myönteisiä että kielteisiä. Mutta olitpa rakastanut tai vihannut sitä, se palvelee tarkoitusta tehdä sisältöä, joka ylitti laatikon rajat näkyviksi.
Osa selityksestä, jota selaimet eivät ole koskaan toteuttaneet, lukuunottamatta vahvaa henkilökohtaista mielipidettä, oli se, että sitä pidettiin visuaalisena vaikutuksena ja sellaisena sitä ei pitäisi määritellä HTML: llä, joka määrittelee rakenteen. Sen sijaan visuaalisia tai esitystehosteita pitäisi hallita CSS: llä. Ja CSS3 lisää varmentamismoduulin hallitsemaan selainten lisäämistä elementteihin.
Uudet CSS3-ominaisuudet
CSS3 lisää viisi uutta ominaisuutta, joiden avulla voit ohjata sisältösi näkymää teltassa: ylivuoto-tyyli, teltta-style, teltta-play-count, teltta-suunnassa ja teltta-nopeus.
Vaihtoehdot ovat Lopuksi vaihtoehtoinen napauttaa sisällön puolelta toiselle, liukumista edestakaisin. Voit joutua käyttämään myyjän etuliitteitä, jotta CSS-navetan elementit toimisivat. Ne ovat seuraavat: Viimeisen ominaisuuden avulla voit määrittää, kuinka suuret tai pienet vaiheet pitäisi olla, kun sisältö rullataan ruutuikkunassa. Jotta salkkusi toimisi, sinun on ensin sijoitettava myyjän ennalta määritetyt arvot ja seurattava niitä sitten CSS3-määritysarvojen kanssa. Esimerkiksi tässä on CSS, joka käyttää tekstiä viisi kertaa vasemmalta oikealle 200x50-laatikon sisällä.ylivuoto-tyyli ylivuoto-tyyli omaisuus (jota käsittelin myös artikkelissa CSS ylivuoto) määrittelee ensisijaisen tyylin sisällölle, joka ylittää sisällön ruutuun. Jos asetat arvoksi teltta-line tai teltta-lohko sisältösi liukuu sisään ja ulos vasemmalle / oikealle (teltta-line) tai ylös / alas (teltta-lohko).teltta-styleTämä ominaisuus määrittää, miten sisältö siirtyy näkymään (ja ulos).vierittää, dia ja vaihtoehtoinen. Vieritys alkaa sisällön ollessa kokonaan pois päältä ja sitten se liikkuu näkyvän alueen läpi, kunnes se on kokonaan pois näytöltä. Liukusäädin alkaa sisällön kokonaan pois näytöstä ja siirtyy sitten, kunnes sisältö on siirtynyt kokonaan näytölle, eikä näytöllä ole enää sisältöä.teltta-play-countYksi haitoista käyttää MARQUEE elementti on, että teltta ei koskaan pysähdy. Mutta tyyliominaisuudella teltta-play-count voit asettaa teltta pyörittää sisällön päälle ja pois tietyn määrän kertoja.teltta-suunnassaVoit myös valita, mihin suuntaan sisältö pitäisi vierittää näytössä. Arvot eteenpäin ja käänteinen perustuvat tekstin suuntiin, kun ylivuoto-tyyli on teltta-line ja ylös tai alas, kun ylivuoto-tyyli on teltta-lohko.Merkkivalon tiedot
ylivuoto-tyyliKielisuunta eteenpäin käänteinen teltta-lineltr vasen oikea RTL oikea vasen teltta-lohko ylös alas teltta-nopeusTämä ominaisuus määrittää, kuinka nopeasti sisältö rullataan ruudulla. Arvot ovat hidas, normaali, ja nopeasti. Todellinen nopeus riippuu sisällöstä ja selaimesta, mutta sen on oltava hidas on hitaampi kuin normaali joka on hitaampaa kuin nopeasti.Selaimen tuki Marquee-ominaisuuksista
CSS3 Toimittajan etuliite ylivuoto-x: päällystetty linja;ylivuoto-x: -webkit-marquee;teltta-style-webkit-teltta-tyylinteltta-play-count-webkit-teltta-toistoasuuntaviiva: eteenpäin | kääntöpuolella;-webkit-telttakulma: eteenpäin | taaksepäin;teltta-nopeus-webkit-teltta-nopeusei vastaavaa -webkit-teltta lisäys{ leveys: 200px; korkeus: 50px; valkoinen-tila: nowrap; ylivuoto piilotettu; ylivuoto-x: -webkit-teltta; -webkit-marquee-direction: eteenpäin; -webkit-marquee-style: selaa; -webkit-marquee-nopeus: normaali; -webkit-marquee-lisäys: pieni; -webkit-marquee-repeetition: 5; ylivuoto-x: päällystetty linja; vinoviiva: eteenpäin; sarjakuva-tyyli: vieritä; viivakoodinopeus: normaali; marquee-play-count: 5;}
