Ang mga nasa iyo na nagsusulat ng HTML sa loob ng mahabang panahon ay maaaring matandaan ang elemento. Ito ay isang elemento na partikular sa browser na lumikha ng isang banner ng scroll text sa buong screen. Ang sangkap na ito ay hindi kailanman idinagdag sa espesipikasyon ng HTML at suporta para sa mga ito ay iba-iba nang malawak sa lahat ng mga browser. Ang mga tao ay madalas na may napakalakas na opinyon tungkol sa paggamit ng sangkap na ito - parehong positibo at negatibo. Ngunit kung iniibig mo man o kinamumuhian ito, ito ay nagsisilbi sa layunin ng paggawa ng nilalaman na umaapaw sa nakikita ng mga hangganan ng kahon.
Bahagi ng dahilan na hindi ito ganap na ipinatupad ng mga browser, bukod sa malakas na opinyon ng sarili, ay itinuturing na isang visual na epekto at dahil dito, hindi ito dapat tukuyin ng HTML, na tumutukoy sa istraktura. Sa halip, ang mga epekto ng visual o pagtatanghal ay dapat na pinamamahalaan ng CSS. At idinagdag ng CSS3 ang marquee module upang kontrolin kung paano idaragdag ng mga browser ang marquee effect sa mga elemento.
Bagong CSS3 Properties
Nagdagdag ang CSS3 ng limang bagong mga katangian upang makatulong na kontrolin kung paano nagpapakita ang iyong nilalaman sa marquee: estilo ng overflow, istilong marquee, bilang ng marquee-play-count, direksyon ng marquee at bilis ng marquee.
Ang mga pagpipilian ay Panghuli, ang mga alternatibong bounce ang nilalaman mula sa gilid sa gilid, pag-slide pabalik-balik. Maaaring kailanganin mong gamitin ang prefix ng vendor upang makuha ang mga elemento ng marquee ng CSS upang gumana. Ang mga ito ay ang mga sumusunod: Ang huling ari-arian ay nagbibigay-daan sa iyo upang tukuyin kung gaano kalaki o maliit ang mga hakbang ay dapat na bilang mga scroll ng nilalaman sa screen sa marquee. Upang magtrabaho ang iyong marquee, dapat mong ilagay muna ang prefix na mga halaga ng vendor at pagkatapos ay sundin ang mga ito gamit ang mga halaga ng pagtutukoy ng CSS3. Halimbawa, dito ay ang CSS para sa isang marquee na nag-scroll sa teksto ng limang beses mula sa kaliwa papunta sa loob ng isang 200x50 na kahon.estilo ng overflowAng estilo ng overflow ari-arian (na tinalakay din ko sa artikulong CSS Overflow) ay tumutukoy sa ginustong estilo para sa mga nilalaman na umaapaw sa kahon ng nilalaman. Kung itinakda mo ang halaga sa marquee-line o marquee-block ang iyong nilalaman ay mag-slide sa loob at labas sa kaliwa / kanan (marquee-line) o pataas / pababa (marquee-block).istilong marqueeTinutukoy ng property na ito kung paano lumilitaw ang nilalaman (at out).scroll, slide at kahalili. Ang pag-scroll ay nagsisimula sa ganap na pag-off sa nilalaman, at pagkatapos ay gumagalaw ito sa nakikitang lugar hanggang sa muli itong muli sa lahat ng screen. Ang slide ay nagsisimula sa ganap na pag-off sa nilalaman at pagkatapos ay lumilipat ito hanggang sa ganap na inilipat ang nilalaman sa screen at wala nang nilalaman na natitira upang i-slide sa screen.bilang ng marquee-play-countIsa sa mga kakulangan ng paggamit ng MARQUEE Ang elemento ay hindi kailanman hihinto ang marquee. Ngunit may estilo ng ari-arian bilang ng marquee-play-count maaari mong itakda ang marquee upang i-rotate ang nilalaman sa at off para sa isang tiyak na bilang ng beses.direksyon ng marqueeMaaari mo ring piliin ang direksyon na dapat mag-scroll sa nilalaman sa screen. Ang mga halaga pasulong at baligtarin ay batay sa direksyon ng teksto kapag ang estilo ng overflow ay marquee-line at pataas o pababa kapag estilo ng overflow ay marquee-block.Detalye ng Marquee-Direction
estilo ng overflowDireksyon ng Wika pasulong baligtarin marquee-lineltr kaliwa tama rtl tama kaliwa marquee-block up pababa bilis ng marqueeTinutukoy ng property na ito kung gaano kabilis ang pag-scroll ng nilalaman sa screen. Ang mga halaga ay mabagal, normal, at mabilis. Ang aktwal na bilis ay depende sa nilalaman at ang browser na nagpapakita nito, ngunit ang mga halaga ay dapat na mabagal ay mas mabagal kaysa normal na mas mabagal kaysa mabilis.Suporta sa Browser ng Marquee Properties
CSS3 Vendor Prefix overflow-x: marquee-line;overflow-x: -webkit-marquee;istilong marquee-webkit-marquee-stylebilang ng marquee-play-count-webkit-marquee-repetitiondireksyon ng marquee: forward | reverse;-webkit-marquee-direction: forward | backwards;bilis ng marquee-webkit-marquee-speedwalang katumbas -webkit-marquee-increment{ lapad: 200px; taas: 50px; white-space: nowrap; overflow: nakatago; overflow-x: -webkit-marquee; -webkit-marquee-direction: pasulong; -webkit-marquee-style: scroll; -webkit-marquee-speed: normal; -webkit-marquee-increment: maliit; -webkit-marquee-repetition: 5; overflow-x: marquee-line; direksyon ng marquee: pasulong; Marquee-style: scroll; bilis ng marquee: normal; marquee-play-count: 5;}
