CSS CSS جو مختصر جائزو

ايس ايس ڊيڊنگنگ ايس ڊي بيڪس جي ماڊل جي ملڪيت مان هڪ آهي. ھيء آھستي آڳاٽي ملڪيت ھڪڙو HTML ھانئر جي چوڌاري چار طرفن جي جڳھ کي ختم ڪري ٿو. سي ايس ڊيڊنگ لڳ ڀڳ هر HTML ٽاڪرن تي لاڳو ڪري سگهجي ٿو (سواء ڪجهه واري ٽيگ جي لاء). اضافي طور تي، عنصر جي سڀني پاسن کان مختلف قدر حاصل ڪري سگھن ٿا.

ايس ڊي پيڊنگنگ ملڪيت

آڳاٽي ڄاڻايل CSS CSS پيڊنگ ملڪيت کي استعمال ڪرڻ لاء، توهان نوونيمڪ "ٽروبي" (يا "توهان جي اسٽار ٽريڪ پرستن جي پرستارن" لاء "TRiBbLe" استعمال ڪري سگهو ٿا). اهو مٿيون ، صحيح ، هيٺ ، ۽ کاٻي پاسي لاء آهي ، ۽ اهو توهان کي آڳاٽي مال جي ملڪيت ۾ مقرر ڪيل چوٽي چوٽي جي ترتيب ڏيڻ جي حوالي ڪري ٿو. مثال طور:

ڇڪڻ: مٿي ساڄي پاسي کاٻي پاسي؛ لڳائڻ: 1px 2px 3px 6px؛

جيڪڏهن مٿي ڏنل فهرستن کي استعمال ڪيو، ته هر پاسي هر هڪ HTML عنصر جيڪو توهان ان کي لاڳو ڪرڻ لاء مختلف پيادنگ جي قيمت لاڳو ڪندو. جيڪڏهن توهان سڀني چار ڪنارن تائين ساڳئي ئي ساڳئي تختي تي لاڳو ڪرڻ چاهيو ٿا، توهان پنهنجي سي ايس ڊي کي آسان بڻائي سگهو ٿا ۽ صرف هڪ قدر لکندو.

گنجائش: 12px؛

سي ايس جي انهي قطار سان، 12 پکسلز جي چارڊنگ جي عنصر جي سڀني 4 طرفن تي لاڳو ٿين.

جيڪڏهن توهان چاهيو ٿا ته گهمڻ مٿين ۽ تري لاء ساڳيو هجي ۽ کاٻي ۽ صحيح، توهان ٻه قدر لکي سگهو ٿا:

لڳائڻ: 24px 48px؛

پهرين قيمت (24px) مٿين ۽ تري تي لاڳو ٿين، جڏهن ته ٻيو ته بائیں ۽ ساڄي پاسي لاڳو ٿيندي.

جيڪڏهن توهان ٽن ويلن کي لکندا آهيو، انهي کي افقي پيڊنگ (بائیں ۽ لائق) ٺاهيندي، جڏهن مٿيون ۽ تري ۾ تبديل ڪندي.

ڇڪڻ: مٿي ساڄي طرف ۽ بائیں طرف؛ گنجائش: 0px 1px 3px؛

سي ايس ايس جي خاني جو ماڊل موجب، عنصر / مواد پاڻ ڏانهن وڌڻ جي آخري حد تائين آهي. هن جو مطلب اهو آهي تهڊنگ، مواد جي چوٿين يا اونچائي ۽ توهان جي استعمال جي سرحد جي قيمت جي وچ ۾ عنصر ۾ شامل ڪئي وئي آهي. جيڪڏهن پيڊنگ کي صفر تي سيٽ ڪيو ويو آهي، انهي کان پوء ساڳيو ئي مواد مواد وانگر آهي.

ايس ايس ڊيڊنگ جي قيمت

ايس ايس ڊيڊنگ کي ڪابه غير منفي ڊيگھ جي قيمت وٺي سگھي ٿي. ماپ کي واضع ڪرڻ جي پڪ ڪريو، جهڙوڪ پيڪس يا ايم. توھان پنھنجي گنجائش لاء ھڪڙو مثال بيان ڪري سگھو ٿا، جنھن جو عنصر جي چوٿين جو سيڪڙو ھوندو آھي جنھن ۾ بلاڪ. ھي ۾ مٿين ۽ تري جي جڳھ شامل آھي. مثال طور:

#container {چوڑائي: 800px؛ اوچائي: 200px؛ } #container p {چوٽي: 400px؛ اوچائي: 75٪؛ گنجائش: 25٪ 0؛ }

#container عنصر اندر پيراگراف جي اونچائي # برائنر جي اونچائي 75٪ چوڪائي جي چوٽي جي چوٽي ۽ 25٪ चौडाई तलल्लो प्याडिंगको लागि. اهو مجموعي 300 + 200 + 200 = 700px آهي.

CSS CSSding شامل ڪرڻ جا اثر

بلاڪ سطح جي عناصر تي ، چارڊ پاسن جي پاسن تي لاڳو ٿيندي. ڇو ته اهو عنصر هڪ بلاڪ يا باڪس اڳ ۾ هوندو آهي، اهو لڳائڻ بڪس جي ڪنارن تي لاڳو ٿئي ٿو.

جڏهن سي ايس ڊيڊنگنگ ان لائن عناصر ۾ شامل ڪئي ويندي آهي، جيڪڏهن ڪجهه عمدي عناصر مٿي ۽ ان کان هيٺيون عنصر هونديون آهن جيڪڏهن عمودي پيڊنگنگ جي اونچائي کان وڌي ويندي آهي، پر اهو ليڪ جي اوچائي کي گهٽ نه ڏيندو. ان لائن عناصر تي افري سي ايس ڊيڊنگ لڳل عنصر ۽ عنصر جي آخر ۾ شامل ٿيندي. ۽ ڇنڊڻ جون لائينون لپي سگهن ٿيون. پر اهو هڪ گهڻائي عنصر جي سڀني سٽون تي لاڳو نه ٿيندو، تنهنڪري توهان گهڻائي لائن جي مواد جي حصي جي اندرين ۾ padding استعمال نٿا ڪري سگھو.

انهي سان گڏ، CSS2.1 ۾، توهان ڪنٽينر بلاڪ ٺاهي نٿا سگھو، جتي چوٿين ان عنصر تي منحصر هوندو آهي جن جي چوٿين فيصد (فيڊنگ لڳائڻ وارو چوٽي) سان. جيڪڏهن توهان اهو نتيجو اڻ کليل آهي. برائوزر اڃا تائين مواد کي ڊسپلي ڪنداسين، پر توهان اهو نتيجو نه ٿا حاصل ڪري سگهو ٿا جيڪي توهان جي اميد رکندا آهن. جيڪڏھن توھان ان جي باري ۾ سوچيو ٿا، اھو سمجھ ۾ وڌو آھي، جئين توھان جو کنٽروئر عنصر پنھنجي ٻار جي عناصر جي چوڻي کي ڄاڻڻ جي ضرورت آھي، ان جي چوٿين بيان ڪرڻ لاء، جيئن ته ان جي اڳوڻي بيان ٿيل آھي، ۽ ھڪ يا وڌيڪ ھڪڙي چوٿين سيٽ ڪنٽرول جي سلنٽ جي طور تي مقرر ڪيو آھي، اھو ھڪڙو جواب سان ھڪڙي سرکلر سيريز قائم ڪري ٿو. جيڪڏهن توهان پنهنجي دستاويزن جي چوٿين شين لاء فيصد استعمال ڪندا آهيو، توهان کي پڪ ڪرڻ گهرجي ته والدين عنصر چوٿون پڻ بيان ڪيا وڃن.