CSS ڈسپلے پرپرٹی

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

display خاصیت علامت کی نمائش کی طرح کا تعین کرتی ہے۔

توضیح

یہ خاصیت استحکام کے لئے علامت کی نمائش کی طرح کا تعین کرتی ہے۔ اگرچہ HTML جیسے دستاویز کی نوعیتوں کے لئے display کو دقت سے استعمال نہ کیا جائے تو خطرناک ہو سکتا ہے، کیونکہ وہ HTML میں پہلے سے تعین کردہ نمائش کی مرتبہ کی خلاف ورزی کرسکتا ہے۔ XML کے لئے، کیونکہ XML میں اس طرح کا داخلی مرتبہ نہیں ہوتا، اس لئے display ضروری ہو سکتا ہے。

توضیحات:CSS2 میں 'compact' اور 'marker' کا نام دیکھا جاتا ہے، لیکن وہ عام طور پر پشتیبندی کے لئے نہیں موجود ہیں، جس کی وجہ سے وہ CSS2.1 سے حذف کیا گیا ہے。

دوسری مراجع بھی دیکھیئے:

CSS تعلیمCSS پوزیشن

HTML DOM مراجعdisplay خاصیت

مثال

پاراگراف کو انلائن فریم کا حامل بنائیں:

p.inline
  {
  display:inline;
  }

خود کا تجربہ کریں

CSS جملہ

display: مقدار;

خصوصیت مقدار

مقدار وصف
none یہ علامت نمائش نہیں دیکھائی جائے گی
block یہ علامت بلاک علامت کی طرح نمائش دیکھائی جائے گی، علامت کے آغاز اور خاتمے پر نئی لائن
inline مقصد سے، یہ علامت انلائن علامت کے طور پر نمائش دیکھائی جائے گی، علامت کے آغاز اور خاتمے پر نہیں ہوئی نئی لائن
inline-block انلائن بلاک علامت (CSS2.1 میں نئی وجہ)
list-item یہ علامت لیست کی طرح نمائش دیکھائی جائے گی。
run-in یہ علامت باقیات کے مطابق بلاک یا انلائن علامت کے طور پر نمائش دیکھائی جائے گی。
compact CSS میں 'compact' کا نام دیکھا جاتا ہے، لیکن وہ عام طور پر پشتیبندی کے لئے نہیں موجود ہے، جس کی وجہ سے وہ CSS2.1 سے حذف کیا گیا ہے。
marker در CSS مقدار marker وجود دارد، اما به دلیل فقدان پشتیبانی گسترده، از CSS2.1 حذف شده است.
table این عنصر به عنوان یک جدول بلوک نمایش داده می‌شود (مانند <table>)، جدول با خطوط تغییر وضعیت صفحه است.
inline-table این عنصر به عنوان یک جدول درون‌خط نمایش داده می‌شود (مانند <table>)، جدول بدون خطوط تغییر وضعیت صفحه است.
table-row-group این عنصر به عنوان یک یا چندین گروه ردیف نمایش داده می‌شود (مانند <tbody>)
table-header-group این عنصر به عنوان یک یا چندین گروه ردیف نمایش داده می‌شود (مانند <thead>)
table-footer-group این عنصر به عنوان یک یا چندین گروه ردیف نمایش داده می‌شود (مانند <tfoot>)
table-row این عنصر به عنوان یک ردیف جدول نمایش داده می‌شود (مانند <tr>)
table-column-group این عنصر به عنوان یک یا چندین گروه ستون نمایش داده می‌شود (مانند <colgroup>)
table-column این عنصر به عنوان یک ستون سلول نمایش داده می‌شود (مانند <col>)
table-cell این عنصر به عنوان یک سلول جدول نمایش داده می‌شود (مانند <td> و <th>)
table-caption این عنصر به عنوان یک عنوان جدول نمایش داده می‌شود (مانند <caption>)
inherit متعهد است که باید مقادیر ویژگی display از عنصر والد به ارث برسد.

جزئیات فنی

مقدار پیش‌فرض: inline
ارث: خیر
نسخه: CSS1
قوانین جاوااسکریپت: اجسام.style.display="inline"

مثال TIY

چگونه یک عنصر را به عنوان عنصر درون‌خط نمایش می‌دهند
این مثال نشان می‌دهد که چگونه یک عنصر را به عنوان عنصر درون‌خط نمایش می‌دهند.
چگونه یک عنصر را به عنوان عنصر بلوک نمایش می‌دهند
این مثال نشان می‌دهد که چگونه یک عنصر را به عنوان عنصر بلوک نمایش می‌دهند.

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبان از این ویژگی هستند.

Chrome IE / Edge Firefox Safari Opera
4.0 8.0 3.0 3.1 7.0

توضیحات:اگر !DOCTYPE مشخص شده باشد، اینترنت اکسپلورر 8 (و نسخه‌های بالاتر) از مقادیر ویژگی "inline-table"، "run-in"، "table"، "table-caption"، "table-cell"، "table-column"، "table-column-group"، "table-row"، "table-row-group" و "inherit" پشتیبانی می‌کند.