د CSS سیډډنګ لنډ لنډ کتنه

CSS CSS padding د CSS بکس موډل څخه یوه ده . دا د شتمنۍ ملکیت د HTML د ټولو عناصرو شاوخوا شاوخوا پوښل کوي. CSS CSS padding په نږدې هر HTML ټګ کې کارول کیدی شي (د ځینو جدول ټګیو لپاره پرته). برسیره پردې، د عنصر ټولې څلور اړخونه مختلف ارزښت لري.

د سی ایس ایس ډډڈنگ ملکیت

د شورتنډ سی ایس ایس ډډید کولو ملکیت کارولو لپاره، تاسو کولی شئ نیمونیک "TRouBlee" (یا "TRiBbLe" ستاسو د ستوري د ټیک فینر لپاره کاروئ). دا د پورته ، ښی ، ښکته ، او ښی خوا ته ولاړ دی، او دا د ګوتو د چوکونو ترتیب ته اشاره کوي چې تاسو د شتمني ملکیت کې ټاکل شوي. د مثال په توګه:

ګنډل: پورته ښي ښي لور ته ډډنگ: 1px 2px 3px 6px؛

که تاسو پورته پورته ذکر شوي ارزښتونه کارول، نو دا به د هرډول HTML عنصر لپاره چې تاسو یې غوښتنلیک کوئ د هر اړخیز پوښښ ارزښت پلي کوئ. که تاسو غواړئ چې په ټولو څلورو اړخونو کې ورته ورته پلې کولو غوښتنه وکړئ، تاسو کولی شئ خپل CSS ساده کړئ او یوازې یو ارزښت ولیکئ:

ګنډل: 12px؛

د سي ایس ایس د دې کرښې سره، د 12 پکسل پاډون به د عنصر په ټولو څلورو برخو کې تطبیق شي.

که تاسو غواړئ چې د پورته او ښکته او ښې خوا ته ورته وي نو تاسو دوه ارزښتونه لیکلی شئ:

ګنډل: 24px 48px؛

لومړنی ارزښت (24px) به په پورته او لاندینیو کې پلي شي، پداسې حال کې چې دویمه برخه به ښي خوا ته وکاروي.

که تاسو درې ارزښتونه ولیکئ، دا به د افقی ډډنگ (بائیں او ښیګڼې) ورته ورته کړي، پداسې حال کې چې پورته او ښکته بدلون راولي:

ډډل: پورته ښي ښي او ښي خوا ته. ډډنگ: 0px 1px 3px؛

د سی ایس ایس باکس ماډل په وینا، د عنصر / منځپانګې ځان سره ډیزاین خورا نږدې دی. دا پدې مانا ده چې د منځپانګې چوکۍ یا لوړوالی ترمینځ یو عنصر کې ضایع کول شامل دي او د سرحدونو ارزښتونه چې تاسو یې کاروي. که چیرې ګوټ ګوټ صفر ته وټاکل شي، نو بیا د ورته محتوياتو په څیر ورته ساحه لري.

د ایس ایس ډډنگ ارزښتونه

د ایس ایس ایس ډډ کول کولی شي د غیر منفي اوږدوالی ارزښت واخلي. ډاډ ترلاسه کړئ چې د اندازه کولو مشخصات لکه px یا em مشخص کړئ. تاسو کولی شئ ستاسو د ګنډلو لپاره فیصده مشخص کړئ، کوم چې د عنصر د مساحت څلورمه برخه وي. پدې کې د پورته او ښکته ډنډ لپاره شامل دي. د مثال په توګه:

# کنټرینر {چوکۍ: 800px؛ لوړوالی: 200px؛ } # کنټرین p {چوکۍ: 400px؛ لوړې کچې: 75٪؛ ګنډل: 25٪ 0؛ }

# د کنټرینر عنصر دننه د پراګراف کچه به د # کنټرین د وزن لوړوالی٪ 75 وي او د پای پوښښ لپاره 25٪ برخه وي او د ښکته تختې لپاره 25٪ چوکۍ وي. دا ټولټال 300 + 200 + 200 = 700px.

د سی ایس ایس ډډنګ زیاتولو اغیز

د بلاک په کچه عناصرو کې ، پاډل په څلورو خواوو پلي کیږي. ځکه چې عنصر یو بلاک یا بکس دمخه دی، ګوښه کونکي د بکس لوري ته تطبیق کیږي.

کله چې د انلاین عناصرو عناصرو ته سی ایس ایس ډډنګ اضافه کیږي، ممکن ممکن د انډول عنصر پورته پورته او یا هم لاندې عناصرو وي که چیرې عمودی ډډرډ د لیک لوړوالی وي، مګر دا د لیکې لوړوالی ته زور نه ورکوي. افقی CSS ډډنگ د عناصرو لپاره تطبیق شوی به د عنصر او عنصر په پیل کې اضافه شي. او کڅوړه کیدی شي لینونه لغوه کړي. مګر دا به د څو قطار عنصر په ټولو برخو کې کار وانخلي، نو تاسو کولی شئ د ډیرو کرښې انلاین منځپانګې برخې برخې ته د ننوتلو لپاره پوښۍ کارولو څخه ګټه وانخلوئ.

همدارنګه، په CSS2.1 کې، تاسو کولی نشو کولی د کانټینر بلاکونه جوړ کړئ چیرې چې چوکۍ د عنصر پر بنسټ د چوکونو لپاره فیصده (یا د چوکونو چوکۍ) پورې تړاو لري. که تاسو پایله کوئ نو پایله یې ناباوره ده. لټونګر به لا هم محتويات ښکاره کړي، مګر ممکن هغه نتیجه ونه ترلاسه کړئ چې تمه یې لرئ. که تاسو په دې اړه فکر کوئ، دا احساس احساسوي، لکه څنګه چې ستاسو کنټینر عنصر د خپلو ماشومانو عناصرو چوکۍ ته اړتیا لري ترڅو خپل چوکۍ تعریف کړي - لکه څنګه چې دا د مخکې ټاکل شوي چوکۍ ندی، او یو یا ډیروالی لري یو چوکۍ د کانتینر د عنصر سلنې په توګه ټاکل شوی، دا د سرکلر چینل جوړول د ځواب سره نه لري. که تاسو په خپل سند کې د چوکونو لپاره د فیصدو کاروئ، نو تاسو باید دا ډاډه کړئ چې د مور عنصر لمړیتوبونه هم تعریف شوي.