مارکیو کے بغیر HTML5 اور CSS3 میں طومار مواد تخلیق کرنا

آپ میں سے جو لوگ طویل عرصے سے ایچ ٹی ایم ایل لکھ رہے ہیں وہ عنصر کو یاد کر سکتے ہیں. یہ ایک براؤزر مخصوص عنصر تھا جس نے اسکرین بھر میں سکرولنگ متن کا بینر بنایا. یہ عنصر براؤزر بھر میں وسیع پیمانے پر متغیر مختلف ایچ ٹی ایم ایل کی تفصیلات اور حمایت میں شامل نہیں ہوا تھا. لوگ اس عنصر کے استعمال کے بارے میں اکثر مضبوط رائے رکھتے تھے - مثبت اور منفی دونوں. لیکن چاہے آپ نے پیار کیا یا اس سے نفرت کی، اس نے اس مواد کو بنانے کے مقصد کی خدمت کی جس نے باکس کی حدوں کو نظر انداز کیا.

اس وجہ سے اس کا حصہ مکمل طور پر براؤزروں کی طرف سے مکمل طور پر نافذ نہیں کیا گیا تھا، اس کے علاوہ مضبوط ذاتی رائے سے، یہ یہ ایک بصری اثر تصور کیا جاتا ہے اور اس طرح، اس HTML کی طرف سے وضاحت نہیں کی جانی چاہئے جس میں ساخت کی وضاحت کرتا ہے. بجائے، بصری یا پریزنٹیشن کے اثرات کو سی ایس ایس کی طرف سے منظم کیا جانا چاہئے. اور CSS3 نے مرچھی کے ماڈیول کو کس طرح براؤزروں کو مرکوز اثر عناصر پر کیسے شامل کرنے کے لۓ کنٹرول کیا ہے.

نیا CSS3 پراپرٹیز

CSS3 نے پانچ نئی خصوصیات کو کنٹرول کرنے میں مدد کے لئے اضافی اضافہ کیا ہے کہ آپ کے مواد کو مرچ میں کس طرح دکھاتا ہے: بہاؤ انداز، طرز عمل، ماراکی کھیل کا شمار، ماروی سمت اور مارچی کی رفتار.

بہاؤ انداز
اوور فلو طرز کی جائیداد (جس نے میں نے مضمون سی ایس ایس اوور بہاؤ میں بھی بحث کی ہے) کو ترجیحی انداز کی وضاحت کرتا ہے جو مواد کے باکس سے زیادہ بڑھتا ہے. اگر آپ اپنی قیمت کو ماراو لائن یا مارک بلاک کے طور پر مقرر کرتے ہیں تو آپ بائیں / دائیں (مارک لائن) یا اوپر / نیچے (مارک بلاک) میں اندر اور باہر سلائڈ کریں گے.

مارک طرز
یہ جائیداد اس بات کی وضاحت کرتا ہے کہ مواد کس طرح (اور باہر) نظر آئے گی.

اختیارات سکرول، سلائڈ اور متبادل ہیں. اسکرینول کے ساتھ مواد کو مکمل طور پر اسکرین سے شروع ہوتا ہے، اور پھر یہ دیکھنے کے علاقے میں چلتا ہے جب تک کہ یہ دوبارہ مکمل طور پر اسکرین سے دور نہیں ہوتا. سلائڈ مواد سے مکمل طور پر اسکرین سے شروع ہوتی ہے اور اس وقت تک اس پر چلتا ہے جب تک کہ اس مواد کو اسکرین پر مکمل طور پر منتقل نہیں کیا جاسکتا ہے اور اسکرین پر سلائڈ کرنے کیلئے مزید مواد باقی نہیں ہے.

آخر میں، مواد کو بائیں طرف سے بونس دیتا ہے، آگے پیچھے سلائڈنگ.

مارکو کھیل کا شمار
مارکوئ عنصر کا استعمال کرنے میں کمی میں سے ایک یہ ہے کہ مرگی کبھی نہیں روکتی ہے. لیکن سٹائل کی پراپرٹی کے ساتھ ماراکی کھیل شمار کے ساتھ آپ کو ایک خاص تعداد کے لئے مرچ کو مواد کو گھومنے اور بند کرنے کے لئے مقرر کر سکتے ہیں.

مرگی سمت
آپ اس سمت کو بھی منتخب کرسکتے ہیں کہ اسکرین پر مواد کو سکرال کرنا چاہئے. آگے بڑھنے اور ریورس اس متن کی سمت پر مبنی ہوتے ہیں جب بہاؤ کی طرز طول و عرض کی حد ہے اور اوپر یا نیچے ہوتی ہے جب بہاؤ کی طرز ماراکی بلاک ہے.

مارکو کی سمت کی تفصیلات

بہاؤ انداز زبان کی سمت آگے ریورس
مارک لائن ltr بائیں دائیں
آر ایل دائیں بائیں
مارک بلاک اپ نیچے

مارچی کی رفتار
یہ جائیداد اس بات کا تعین کرتا ہے کہ مواد اسکرین پر کتنی تیزی سے سکرال کرتا ہے. اقدار سست، معمول اور تیز ہیں. اصل رفتار اس پر ظاہر ہوتا ہے کہ مواد اور براؤزر پر منحصر ہے، لیکن اقدار کو سست ہونا ضروری ہے جو معمول سے زیادہ تیز ہوسکتا ہے.

مارکو پراپرٹیز کے براؤزر کی حمایت

سی ایس ایس کو مارنے والے عناصر کو کام کرنے کے لۓ آپ کو فروغ دینے کے فروغ دینے کی ضرورت ہوسکتی ہے. وہ مندرجہ ذیل ہیں:

CSS3 وینڈر فاریکس
اوور بہاؤ - X: مساوات لائن؛ اوور بہاؤ - x: - ویبک مارک؛
مارک طرز ویب سائٹ - مارچی سٹائل
مارکو کھیل کا شمار ویب سائٹ پر ماراکی تکرار
مرگی سمت: آگے | ریورس؛ ویب سائٹ - مارک - سمت: فارورڈز | پیچھے اگلا، دوسرا؛
مارچی کی رفتار ویب مارکٹ کی رفتار
برابر نہیں ویب سائٹ سے ماراکی اضافہ

آخری جائیداد آپ کو اس کی وضاحت کرنے کی اجازت دیتا ہے کہ کس طرح بڑے پیمانے پر اسکرین پر اسکرین پر مواد کو سکرال کے طور پر اقدامات کرنا چاہئے.

آپ کے مارکو کام کرنے کے لۓ، آپ کو فروغ دینے والے پہلے سے پہلے اقدار کی جگہ رکھنا چاہئے اور اس کے بعد CSS3 تصویری اقدار کے ساتھ ان کی پیروی کریں. مثال کے طور پر، یہاں ایک مرچ کے لئے سی ایس ایس ہے کہ بائیں سے دائیں پانچ بار متن 200x50 باکس کے اندر.

{
چوڑائی: 200px؛ اونچائی: 50px؛ سفید جگہ: nowrap؛
چھپا ہوا رساو؛
اوور بہاؤ - x: - ویبک مارک؛
ویب سائٹ سے مارکو سمت: فارورڈز؛
ویب سائٹ- مارکو طرز: کتاب؛
ویب سے مارک رفتار: معمول؛
ویب سائٹ پر مارچی اضافہ: چھوٹا سا؛
ویب سائٹ - مارکو - تکرار: 5؛
اوور بہاؤ - X: مساوات لائن؛
مرگی سمت: آگے؛
مارک طرز: کتاب؛
مرچ رفتار: معمول؛
مارکو کھیل کا شمار: 5؛
}