CSS inline-size کی ویژگی

ਪਿਛਲਾ ਪੰਨਾ initial-letter
ਅਗਲਾ ਪੰਨਾ inset

تعریف اور استعمال

اینلائن-سائز پروپرٹی، عنصر کی اینلائن سمت پر سائز کو سیٹ کیا جاتا ہے。

تذکرہ:متعلقہ CSS پروپرٹی writing-mode اینلائن سمت کو پائیدار طور پر سیٹ کرتا ہے، جو اس کا اثر اینلائن-سائز پروپرٹی کا نتیجہ

CSS کا اینلائن-سائز اور بلاک-سائز پروپرٹی کا کام کریں جو CSS کا وائڈت اور ہائٹ پروپرٹی بہت کچھ ساتھ مشابه ہیں، لیکن اینلائن-سائز اور بلاک-سائز پروپرٹی کا کام کریں جو اینلائن اور بلاک سمت پر منحصر ہوتی ہیں。

مثال

مثال 1

اینلائن سمت پر <div> عنصر کا سائز سیٹ کریں:

div {
  اینلائن-سائز: 200px;
}

آپ خود سنجید

مثال 2

جب <div> عناصر کا writing-mode پروپرٹی کا قیمت سیٹ کیا گیا ہے vertical-rl جب، اینلائن سمت کا سمت سے پائیدار تبدیل ہوجاتا ہے، جو اس کا اثر اینلائن-سائز پروپرٹی کا کام کریں:

div {
  اینلائن-سائز: 250px;
  writing-mode: vertical-rl;
}

آپ خود سنجید

CSS گرامر

اینلائن-سائز: آوتو|لنگت|مقصد|وارسستی;

پروپرٹی کا قیمت

قیمت	وصف
آوتو	مقصدی قیمت
لنگت	اینلائن سائز کا مقصدی سائز، یونٹوں جیسے px، pt، cm وغیرہ میں سیٹ کیا جاتا ہے。 منفی کا استعمال کیا جاسکتا ہے، ملاحظہ کریں:سی ایس ایس یونٹ.
%	اس پروپرٹی کو والد عنصر کی اس کی کورس پر فیصد کی شکل میں سیٹ کیا جاتا ہے。
مقصد	اس پروپرٹی کو اس کی مقصدی قیمت پر سیٹ کیا گیا ہے، ملاحظہ کریں: مقصد.
وارسستی	اس پروپرٹی کو اس کی والد عنصر سے وارسستی کرکے لیا گیا ہے، ملاحظہ کریں: وارسستی.

تکنیکی تفصیلات

مقصد:	آوتو
وارسستی:	نہیں
اینیمیشن بنانے کا طریقہ:	سپورٹ کیا گیا ہے، ملاحظہ کریں:اینیمیشن سے متعلق پروپرٹی.
ورژن:	CSS3
جاوا اسکریپٹ گرامر:	آوبجیکٹ اسٹائل اینلائن سائز = "250px"