فریم ماڈل: CSS ایندین پیدائش
- پچھلے صفحہ سی ای اس فرفوریت مادری
- آئندہ صفحہ سی ای اس حاشیه
عنصر کا ایندین پیدائش بین فریم و محتوا کا علاقہ ہے۔ اس علاقے کو کنٹرول کرنے والی سادھی خصوصیت پیدائش کا پیدائش ہے۔
CSS padding 属性定义元素边框与元素内容之间的空白区域。
سی ای اس پدینگ خصوصیت
CSS padding 属性定义元素的内边距。padding 属性接受长度值或百分比值，但不允许使用负值。
例如，如果您希望所有 h1 元素的各边都有 10 像素的内边距，只需要这样：
h1 {padding: 10px;}
您还可以按照上、右、下、左的顺序分别设置各边的内边距，各边均可以使用不同的单位或百分比值：
h1 {padding: 10px 0.25em 2ex 20%;}
单边内边距属性
也通过使用下面四个单独的属性，分别设置上、右、下、左内边距：
您也许已经想到了，下面的规则实现的效果与上面的简写规则是完全相同的：
h1 {
padding-top: 10px;
padding-right: 0.25em;
padding-bottom: 2ex;
padding-left: 20%;
}
内边距的百分比数值
前面提到过，可以为元素的内边距设置百分数值。百分数值是相对于其父元素的 width 计算的，这一点与外边距一样。所以，如果父元素的 width 改变，它们也会改变。
下面这条规则把段落的内边距设置为父元素 width 的 10%：
p {padding: 10%;}
例如：如果一个段落的父元素是 div 元素，那么它的内边距要根据 div 的 width 计算。
This paragragh is contained within a DIV that has a width of 200 pixels.
注意：上下内边距与左右内边距一致；即上下内边距的百分数会相对于父元素宽度设置，而不是相对于高度。
CSS درجے بلندی مثال:
- تمام درجے بلندی کی کیج ایک کیج میں
- اس لیکھ میں اس کا مظاہرہ دیا گیا ہے کہ کس طرح سگارش کی کچھ属性 کو ایک کیج میں سیٹ کیا جاسکتا ہے، جس میں ایک سے چار کیج کی وضاحت کی جاسکتی ہے۔
- نیچل درجہ بلندی سیٹ 1
- اس لیکھ میں اس کا مظاہرہ دیا گیا ہے کہ کس طرح سینٹی میٹر کا استعمال کرکے سیل کا نیچل درجہ بلندی سیٹ کیا جاسکتا ہے۔
- نیچل درجہ بلندی سیٹ 2
- اس لیکھ میں اس کا مظاہرہ دیا گیا ہے کہ کس طرح کسوسیز کا استعمال کرکے سیل کا نیچل درجہ بلندی سیٹ کیا جاسکتا ہے۔
- چپ درجہ بلندی سیٹ 1
- اس لیکھ میں اس کا مظاہرہ دیا گیا ہے کہ کس طرح سینٹی میٹر کا استعمال کرکے سیل کا چپ درجہ بلندی سیٹ کیا جاسکتا ہے۔
- چپ درجہ بلندی سیٹ 2
- اس لیکھ میں اس کا مظاہرہ دیا گیا ہے کہ کس طرح کسوسیز کا استعمال کرکے سیل کا چپ درجہ بلندی سیٹ کیا جاسکتا ہے۔
- راست کی مادگی 1 سیٹ کرنا
- یہ مثال دکھاتا ہے کے کیسے سینٹی میٹر کا اعداد کا استعمال سے سلول کی راست کی مادگی کو سیٹ کیا جاتا ہے。
- راست کی مادگی 2 سیٹ کرنا
- یہ مثال دکھاتا ہے کے کیسے فیصدی کا اعداد کا استعمال سے سلول کی راست کی مادگی کو سیٹ کیا جاتا ہے。
- اونچائی کی مادگی 1 سیٹ کرنا
- یہ مثال دکھاتا ہے کہ کیسے سینٹی میٹر کا اعداد کا استعمال سے سلول کی اونچائی کی مادگی کو سیٹ کیا جاتا ہے。
- اونچائی کی مادگی 2 سیٹ کرنا
- یہ مثال دکھاتا ہے کہ کیسے فیصدی کا اعداد کا استعمال سے سلول کی اونچائی کی مادگی کو سیٹ کیا جاتا ہے。
سی ای اس داخلی مادگی خصوصیات
| خصوصیت | توضیح |
|---|---|
| پدینگ | مختصر خصوصیت۔ اس کا کارکردگی یہ ہے کہ ایک دفعے میں عنصر کی تمام مادگی خصوصیات کو سیٹ کرنا。 |
| پدینگ نیچائی | عنصر کی نیچائی کی مادگی کو سیٹ کرنا。 |
| پدینگ چپ | عنصر کی چپ کی مادگی کو سیٹ کرنا。 |
| پدینگ راست | عنصر کی راست کی مادگی کو سیٹ کرنا。 |
| پدینگ بالا | عنصر کی اونچائی کی مادگی کو سیٹ کرنا。 |
- پچھلے صفحہ سی ای اس فرفوریت مادری
- آئندہ صفحہ سی ای اس حاشیه
