کیس وارٹیکل-ایلائز پرپرٹی

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

vertical-align عناصر کی وارٹیکل توازن کو قائم کرتا ہے۔

توضیحات

یہ کچھ عناصر کی لائن کی بنیادی سرحد کی وارٹیکل توازن کا معین کرتا ہے۔ منفی کوشش اور فیصد کوشش بھی استعمال کی جاسکتی ہیں، جو عناصر کو نیچل کردیتی ہیں۔ میز کی سلول میں اس کا استعمال سلول کی سلولوں کی توازن کو قائم رکھتا ہے۔

دوسرے مراجع:

CSS درسکیس ٹیکسٹ

HTML DOM مرجع دستورverticalAlign عناصر

مثال

ایک تصویر کو عمودی طور پر توازن دیتی ہے:

img
  {
  vertical-align:text-top;
  }

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

CSS گرامر

vertical-align: baseline|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|inherit;

عناصر کا مقصد

مقصد وصف
baseline مقصد سے:
sub وارٹیکل توازن کا نیچل کیپچن
super وارٹیکل توازن کا آپر کیپچن
top عناصر کی اوپر سرحد کو سمت میں سب سے اوپر عنصر کی اوپر سرحد سے توازن دیتی ہے
text-top عناصر کی اوپر سرحد کو والد عنصر کی فونٹ کی اوپر سرحد سے توازن دیتی ہے
middle یہ عنصر والد عنصر کی وسط میں رکھتا ہے۔
bottom عناصر کی اوپر سرحد کو سمت میں سب سے نیچل عنصر کی اوپر سرحد سے توازن دیتی ہے。
text-bottom عناصر کی نیچلی سرحد کو والد عنصر کی فونٹ کی نیچلی سرحد سے توازن دیتی ہے。
length 　
% یہ عناصر کو "line-height" کی فیصد کی کوشش کے ذریعے رکھتا ہے۔ منفی کوشش بھی استعمال کی جاسکتی ہیں۔
inherit یہ مقرر کرتا ہے کہ وارٹیکل-align کا رجحان والد عنصر سے وارث ہونا چاہیئے۔

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

مقصد: baseline
ترک حوالہ: no
ورژن: CSS1
جاوا اسکریپٹ گرامر: object.style.verticalAlign="bottom"

بہت سے مثالیں

عمودی آئیکن کا توازن
یہ مثال اس بات کو دکھاتا ہے کہ کیسے آئیکن کو لکھت میں عمودی طرح میں کھڑا کیا جاتا ہے。

براؤزر کی مدد

جداول میں دوسرے نمبر کو اس کی پورا مدد کرنے والی پہلی براؤزر کی نسلی کا نام دیا گیا ہے。

چروم آئی ای / ایج فائرفاکس سافری اوپرا
1.0 4.0 1.0 1.0 4.0