දිගු කලක් තිස්සේ HTML ලියන ලද ඔබ විසින් එම මූලද්රව්යය මතක තබාගත හැකිය. මෙය තිරය පුරා අකුළන ලද බැනරයක් නිර්මාණය කරන ලද බ්රව්සර් විශේෂිත අංගයකි. මෙම මූලද්රව්යය HTML විස්තාරකයට කිසි විටෙකත් එකතු කර නොතිබුනි. එය සඳහා බ්රවුසර හරහා පුළුල්ව වෙනස් විය. මෙම මූලද්රව්යය භාවිතා කිරීම ගැන මිනිසුන්ට බොහෝ විට ප්රබල මතයක් තිබිණි. එහෙත් ඔබ එය ආදරය හෝ වෛරයට පාත්ර වූයේද, එය අන්තර්ගත වී ඇති පේළිය පේළි අන්තර්ගතය සෑදීමේ කාර්යය ඉටු කරන ලදී.
බලගතු පෞද්ගලික මතයක් හැරුණු විට එය කිසි විටෙක සම්පූර්ණයෙන්ම ක්රියාවට නංවා නොතිබූ හේතුවකි එය දෘෂ්ය ප්රයෝගයක් ලෙස සලකනු ලබන අතර, එබැවින් එය ව්යුහය නිර්වචනය කරන HTML මගින් අර්ථ දැක්විය යුතු නොවේ. ඒ වෙනුවට, දෘශ්ය හෝ ඉදිරිපත් කිරීමේ ආචරණ CSS මගින් කළමනාකරණය කළ යුතුය. බ්රව්සරය මූලද්රව්යයේ මූලද්රව්ය එකතු කරන ආකාරය පාලනය කිරීමට CSS3 ෂෝට් මොඩියුලය එකතු කරයි .
නව CSS3 ගුණාංග
CSS3 නව මාදිලියන් පහක් එකතු කරනු ලබන්නේ ඔබගේ අන්තර්ගතය ප්රදර්ශනය කර ඇති ආකාරය පාලනය කිරීම සඳහා උදව් කිරීමයි: ගලා බසින විලාසිතාව, විචිත්ර ශෛලමය, විචිත්ර රේඛාව, මාර්ක්-දිශාව සහ ප්ලාස්ටික් වේගය.
පිටාර ගැලීම
බහාලුම්-ආකාරයේ දේපළ (මම CSS Overflow යන ලිපියෙහිද සාකච්ඡා කළෙමි) අන්තර්ගත අන්තර්ගතය පිරවීම සඳහා අන්තර්ගතය සඳහා වඩාත් කැමති විලාසිතාව නිර්වචනය කරයි. ඔබ ඔබේ මාපිය හෝ පේළියට ඔබේ අන්තර්ගතය අගය කළහොත් ඔබේ අන්තර්ගතය වම් / දකුණට (පටු පේළිය) හෝ ඉහළට / පහළට (කොටුව-බ්ලොක්) වෙත ලිස්සා යනු ඇත.
ශෛලියක්
අන්තර්ගතය දර්ශනය (සහ පිටතට) වෙත යොමු වනු ඇති ආකාරය මෙම ගුණාංගය නිර්වචනය කරයි.
අභිරුචි ලැයිස්තු, විනිවිදක සහ විකල්ප වේ. Scroll තිරය මුලුමනින් තිරය සමඟ ආරම්භ වන අතර එය පසුව සම්පූර්ණයෙන්ම තිරය නැවත ආරම්භ වන තෙක් දෘශ්යමාන ප්රදේශය හරහා ගමන් කරයි. විනිවිදකය මුලුමනින්ම තිරයේ අන්තර්ගතය සමඟ ආරම්භ වන අතර පසුව අන්තර්ගතය සම්පූර්ණයෙන්ම තිරය වෙත මාරු කර ඇති අතර තිරය මත විනිවිදක වීමට තවම අන්තර්ගතය නොමැත.
අන්තිමේදී විකල්පයක් පැත්තට පැත්තකින් පැත්තකට හැරී ආපසු ඉදිරියට යන්න.
චරිතය-නාට්ය ගණන
MARQUEE මූලද්රව්යය භාවිතා කිරීමේ අඩුපාඩු වලින් එකක් වන්නේ මෙම විවරය කිසි විටක නතර නොවේයයි. නමුත් ශෛලමය දේපල විචල්ය-ගුප්ත-ගණනය කිරීමේදී ඔබට නිශ්චිත වාර ගණනක දී අන්තර්ගතය මත රඳවා තබා ගැනීමට සහ අක්රිය කිරීමට ද විදීම හැක.
විහිළුවක්
අන්තර්ගතය තිරය මත අනුචලනය කළ යුතු දිශාව තෝරාගත හැකිය. පෙරනිමි හා ආපසු හරවන අගයන් පිටතට ගැලපෙන විට, පිටාර ගැලීම-හැඩය, ඉහළට හෝ පහළට ඉහළින් ඇති විට, පිටතට ගලා යන විට, පෙළෙහි දිශාවන් මත පදනම් වේ.
විහිළුව විස්තර
| පිටාර ගැලීම | භාෂා මඟපෙන්වීම | ඉදිරියට | ආපසු හරවන්න |
|---|---|---|---|
| පේලි | එල්ටීටීඊ | වමට | හරි |
| rtl | හරි | වමට | |
| ෂැම්පේ | දක්වා ඇත | පහළ |
ෂැම්පේ වේගය
මෙම ගුණාංගය තිරය මත ඇතිවන දෑ කෙතරම් ඉක්මනින් මෙම ගුණය තීරණය කරයි. වටිනාකම් මන්දගාමී, සාමාන්ය හා වේගවත්ය. සැබෑ වේගය අන්තර්ගතය සහ බ්රවුසරය මත දර්ශණය වන නමුත් සාරධර්ම මන්දගාමී වේ. එය වේගයෙන් වඩා පහත් වේ.
බ්රවුසර් ප්රමිති
CSS විචිත්රාංග කොටස් වැඩ කිරීම සඳහා ඔබ විකුණුම් උපසර්ග භාවිතා කිරීමට අවශ්ය විය හැකිය. ඒවා පහත පරිදි වේ.
| CSS3 | වෙළෙන්දා Prefix |
|---|---|
| overflow-x: විත්රක රේඛාව; | පිටාර ගැලීම-x: -WebKit-ෂැංහයි; |
| ශෛලියක් | -බෙබිට්-ෂැම්පික් විලාසිතාව |
| චරිතය-නාට්ය ගණන | -බෙබිට්-ෂැම්පික්-පුනරාවර්තනය |
| මාක්ස් දිශාව: ඉදිරි | ප්රතිවිකුණුම්; | -webkit-marquee-direction: forward | පසුපසට; |
| ෂැම්පේ වේගය | -බෙබිට්-ෂැම්පේන්-වේගය |
| සමාන නොවේ | -බෙබිට්-ෂැම්පේන්-වර්ධන වේගය |
අවසන් දේපල ඔබට විචල්යය තුළ තිරය මත තිරය මත දිස්වන පරිදි විශාල හෝ කුඩා පරිමාණයන් කුමන පියවර විය යුතුද යන්න තීරණය කිරීමට ඔබට ඉඩ දෙයි.
ඔබේ වෙළඳාමේ කටයුතු කිරීමට නම්, ඔබ මුලින්ම මුලින්ම අග්රස්ථානයේ අගයන් අගයන් තැබිය යුතුය, පසුව ඒවා CSS3 පිරිවිතර අගයන් අනුගමනය කළ යුතුය. නිදසුනක් ලෙස, මෙහි 200x50 පෙට්ටිය ඇතුළත වම් සිට දකුණු පස සිට 5 වතාවක් අකුළන පුවරුව සඳහා CSS වේ.
{
පළල: 200px; උස: 50px; සුදු අවකාශය;
පිටාර ගැලීම: සැඟවුනු;
පිටාර ගැලීම-x: -WebKit-ෂැංහයි;
-webkit-වික්රමාන්විතය: ඉදිරියට;
-බෙබිට්-මාකිය-විලාසය: අනුචලන;
-webkit-marquee-වේගය: සාමාන්ය;
-බෙබිට්-මාකිය-වර්ධන: කුඩා;
-webkit-විත්රක-පුනරාවය: 5;
overflow-x: විත්රක රේඛාව;
මාක්ස් දිශාව: ඉදිරි;
විචිත්ර ශෛලිය: අනුචලන;
විෂ්කම්භය: සාමාන්ය;
පටිගත කිරීම: 5;
}}