Tí, ktorí písali HTML na dlhú dobu, si môžu zapamätať prvok. Bol to prvok špecifický pre prehliadač, ktorý vytvoril banner posúvania textu na obrazovke. Tento prvok nebol nikdy pridaný do špecifikácie HTML a jeho podpora sa v rámci prehliadačov značne líšila. Ľudia mali často veľmi silné názory na použitie tohto prvku - pozitívne aj negatívne. Ale či ste ho milovali alebo nenávideli, slúžili na to, aby sa obsah, ktorý prekryje hranice krabice, stal viditeľným.
Časť dôvodov, prečo to nie je úplne implementované prehliadačmi, okrem silného osobného názoru, spočíva v tom, že sa považuje za vizuálny efekt a ako taký by nemal byť definovaný HTML, ktorý definuje štruktúru. Namiesto toho by mali vizuálne alebo prezentačné efekty spravovať CSS. A CSS3 pridá modul výškopisu, aby určil, ako majú prehliadače pridať efekt markýzy na prvky.
Nové vlastnosti CSS3
CSS3 pridáva päť nových vlastností, ktoré pomáhajú ovládať, ako sa váš obsah zobrazí v stĺpci: overflow-style, stan-style, stan-play-count, stan smeru a stan-speed.
Možnosti sú A nakoniec, striedavý posúva obsah zo strany na stranu a posúva sa tam a späť. Možno budete musieť použiť prefixy dodávateľov, aby ste mohli pracovať s prvkami CCA. Sú tieto: Posledná vlastnosť umožňuje definovať, aké veľké alebo malé kroky majú byť, ako sa obsah posúva na obrazovke v stĺpci. Ak chcete, aby vaše markery fungovali, mali by ste najskôr umiestniť preddefinované hodnoty dodávateľa a potom ich dodržiavať s hodnotami špecifikácie CSS3. Napríklad tu je CSS pre markant, ktorý posúva text päťkrát zľava doprava do 200x50 boxu.overflow-style overflow-style Vlastnosť (ktorú som tiež diskutoval v článku CSS Overflow) definuje preferovaný štýl pre obsah, ktorý pretečuje obsahové pole. Ak nastavíte hodnotu na stan-linka alebo stan-blok váš obsah sa posunie a odbočí vľavo / vpravo (stan-linka) alebo hore / dole (stan-blok).stan-styleTáto vlastnosť definuje, ako sa obsah presunie do zobrazenia (a von).zvitok, šmykľavka a striedavý, Posúvanie začína s obsahom úplne mimo obrazovku a potom sa pohybuje cez viditeľnú oblasť, kým sa úplne úplne vypne obrazovka. Slide začína s obsahom úplne mimo obrazovku a potom sa pohybuje až dovtedy, kým sa obsah úplne nepremiestní na obrazovku a na obrazovke už nie je viac obsahu.stan-play-countJedným z nevýhod použitia markíza prvkom je, že markýza sa nikdy nezastaví. Ale s vlastnosťou štýlu stan-play-count môžete nastaviť stĺpec, aby sa obsah striedal a zapínal niekoľko krát.stan smeruMôžete tiež zvoliť smer, ktorým sa má obsah posúvať na obrazovke. Hodnoty vpred a zvrátiť sú založené na smernosti textu, keď overflow-style je stan-linka a hore alebo dole, keď overflow-style je stan-blok.Údaje o smerovaní
overflow-styleJazykové smerovanie vpred zvrátiť stan-linkaltr ľavý správny RTL správny ľavý stan-blok hore nadol stan-speedTáto vlastnosť určuje rýchlosť rolovania obsahu na obrazovke. Hodnoty sú pomalý, normálne, a rýchly, Skutočná rýchlosť závisí od obsahu a prehliadača zobrazujúceho ju, ale hodnoty musia byť pomalý je pomalší než normálne čo je pomalšie rýchly.Podpora prehliadača pre vlastnosť Marquee
CSS3 Predvoľba dodávateľa pretekanie-x: marquee-line;pretečenie-x: -webkit-marquee;stan-style-webkit-stan-stylestan-play-count-webkit-stan-opakovaniesmer smeru posunu: dopredu | späť;-webkit-smer smeru: dopredu | dozadu;stan-speed-webkit-stan-rýchlostnýžiadny ekvivalent -webkit-stan-prírastok{ šírka: 200px; výška: 50px; white-space: teraz; pretečenie: skryté; pretečeniu-x: -webkit výrezov; -webkit-smer smeru: vpred; -webkit-marquee-style: rolovať; -webkit-marquee-speed: normálne; -webkit-marquee-prírastok: malý; -webkit-marquee-opakovanie: 5; pretekanie-x: marquee-line; smer smeru: vpred; strih štýlu: posúvač; rýchlosť strihu: normálna; počet žetónov: 5;}
