مٿي inset CSS: موڪليل درجابندي

CSS ترتيب هميشه مستطيل ڪئي وئي آهي. ڪنهن به ڇڏيندو سٽون - جي ڊولپر جي competence. انداز اصول ڪافي اختيارن جي اسڪرين داد اندر ڇڏيندو صفحو روپ ڏئي مهيا ڪري. پر ڪنهن به ترتيب هدايت - ان کي هميشه هڪ مستطيل جنهن ۾ هن مقام معلومات CSS جي اصول تحت سنڀاليو ويندو آهي.

جنھن مھل ان کي بلڪل ٿيل آهي سڀني پاسن تي Padding جي صفحي تي هر هدايت لاء اهم آهن، ۽ مٿي حاشيہ خاص ڇاڪاڻ ته ان جي مختلف عنصرن جي لاء ضروري آهي، خاص طور تي هيٺين-صورت CSS جي آڌار آهي.

بنيادي پوزيشن ضابطن

هن بلاڪ ميمبر ان جي اندر جي عنصرن لاء هڪ عام، جي هدايت ڪئي، جنهن (حاشيہ) آھي جي پاسن کان جدا عام indentation (padding) ۽ فريم (سرحد)، جنهن کي پڻ استعمال ڪري سگهجي ٿو جي ويڪر اٿس.

خاص اهميت جي چوٽي حاشيہ آهي. جي يونٽ اندر CSS جي ضابطن جي اندروني padding ضابطن ۾ بلڪل ۽ نسبتا positioned ته بلاڪ اندر جزا ملائي.

CSS-ضابطن جي ويچارا عملي طور: اوھان کي جوڙو جوڙو Top / تري ۽ حق / کاٻي يا الڳ الڳ هر پاسي ۾، ڪتب سڀني پاسن تي موقعا ڄاڻائي سگھو ٿا. مثال طور،

• حاشيہ: 10px؛
• padding: 10px20px؛
• padding: 10px20px30px40px.

پهرين صورت ۾ ميمبر نصب ٻاهرين ظرف، جنهن ۾ ان تي واقع آهي جي پاسن کان واپاز آهي. ٻيو ڪيس جي چوٽي ۽ تري موقعا 10px آهن ۾، روانو ٿيو ۽ سڄي - 20px. ٽئين صورت ۾، سڀني پاسن تي padding جي پکيڙ: چوٽي، حق، تري ۽ روانو ٿيو.

انهن سڀني حالتن ۾، جي مٿي حاشيہ CSS 10 px آهي.

اصول آهي ته عنصرن جي حيثيت تبديل

جي ترتيب عنصر بلڪل positioned نه آهي ته، ان کي عام امان جي صورت صفحي ۾ آهي.

جيڪڏهن اسان کي CSS scCurrInfo هدايت ۾ مٿي حاشيہ وصف ماڻي، ۽ لي جي سطح تي ته آهي - ڪو به.

هن مثال ۾، padding ضابطن جي استعمال: 40px؛ اها ضرورت جوڳو ضابطن جي ويڪر ۽ 80px کي عروج جي خاتمي. ٻي صورت ۾ scCurrInfo بلاڪ سائيز جي ظاهري يونٽ کان ٻاهر ٿو.

توهان جي بيان راڄ scCurrInfo کان padding هٽائي، پر جي فهرست شيء انداز، رڳو مٿي حاشيہ جي بيان ۾ 20px جو قدر سان ان کي شامل جيڪڏھن. CSS جي ٻين پارٽين کي هن جي قيمت لاڳو نٿو ٿئي.

قدرتي طور، indentation ضابطن جي اهڙي استعمال هر عنصر لي تي لاڳو ٿين.

عام رواجي مواد formatting

ڪجهه ڊولپر تڪميل، ميل ۽ هڪ اڌ صفحن عنصرن بلاڪ پهچي. ٽيبل سان ٿيندڙ ۽ پور تي پنهنجي تعليمي عمل ختم - Apparently، هي هڪ شاندار رواج آهي.

سنڌ جي آزادي جي بلاڪ ترتيب ۾ پيدائشي عمل، mesmerizing، ۽ تخيل جي ڊولپر جي سخت tabular ضابطن تائين محدود نه ٿو ڪري سگهجي صرف رڳو horizontally ۽ vertically صرف سيل فيوزن پوسٽن. ڪجھ به پيدائشي عمل relational خيال.

ان کان علاوه، ٽيبل، حالانڪه جو پڌرو drawbacks کان، اتي ڪيترن ئي معياري فائدن آهن. مٿي تي هڪ indentation ٺاهڻ، CSS padding لاء کٻي پاسي کان، حق ڏانھن (جي تري کان - هن هڪ خاص پل آهي) اجازت ڏئي ٿو. ضابطن ۾ توهان جي ميز خانا ٻنهي vertically ۽ horizontally اتحاد ڪنٽرول ڪرڻ جي اجازت ڏيندا. موزون سيريز جي استعمال ڪري، کين خانا جو انداز سان گڏي مواد جي پيچيده بريفنگ بڻجي سگهو ٿا.

rectangles جي روپ ۾ هڪ صفحي جو عادي نمائندگي (بلاڪ ترتيب) هڪ ٽيبل ۾ ان کي روڪڻ ۾ نه ايندي آهي. هيء به هڪ مستطيل آهي، پر اهي به هڪ ميز سيل آهن، اهو آهي، ته پور جي ضابطن ۾ اضافو پنهنجي اصول آهن.

مطلق پوزيشن

; بلاڪ ضابطي نمبر پوزيشن: مطلق؛ اهو ان سائيٽ ڊولپر تائين جي بلاڪ جنهن ۾ ان تي واقع آهي لاء مائٽ جي نامزد جي جاء ۾ واقع ٿي ويندي.

CSS جي ضابطن جي هڪ خصلت مضمون - "مشق - سچ جي بهترين سچ" سڀ کان ڪيس ۾، خاص طور تي جتي پار-برائوزر مطابقت ۽ ترتيب هٿرادو ٿي چڪو آهي، جھر منچ جا پردا لاء ترجيحي اعلي-گريڊ مطالعي manuals.

ٽيبل استعمال ڪري اڪثر موڪليل بياس مسئلا سيل ڪرڻ ٿي ويا آهن. هن بلاڪ ۾ هڪ اهڙي ڦيرائڻ هميشه ۽ سڀ شيون لاء نه نه متاثر. experimenting جو قسم، توهان جي گهربل نتيجو حاصل ڪري سگهو ٿا. Trivial ڪم: ڪيئن مٿي حاشيہ کي ختم ڪرڻ لاء، CSS هميشه هڪ trivial واٽ حل نه ڪندو آھي.

ڪجهه حالتن ۾، جڏهن ته ان جو مشهور مواد انتظام نظام ويب سائيٽ جو ڪنهن جي گهرو ۾ صفحي عنصرن لاڳو ڪرڻ ضروري آهي، توهان کي اڃا به ڌيان نه رڳو تجرباتي عملي کي ادا ڪرڻ گهرجي، پر پڻ ساٿيو جي تجربي کي ڏسي.