ترازبندی متن CSS

تراز متن

text-align این پروپرتي برای تنظیم روش تراز متن استفاده می‌شود.

متن می‌تواند چپ‌چين یا راست‌چين یا وسط‌چين باشد.

مثال زير نشان‌دهنده تراز وسط و تراز چپ و راست متن است (اگر جهت متن از چپ به راست باشد، به صورت پیش‌فرض چپ‌چين است؛ اگر جهت متن از راست به چپ باشد، به صورت پیش‌فرض راست‌چين است):

مثال

h1 {
  text-align: center;
}
h2 {
  text-align: left;
}
h3 {
  text-align: right;
}

نوکری بجائی تجربہ

وقتي text-align پروپرتي کي ست کري "justify"، هر سطر را بگسترش مي‌دهد تا هر سطر از عرض برابري داشته باشد، و حاشيه‌هاي چپ و راست مستقيم هستند (مثل آنچه در مجلات و روزنامه‌ها است):

مثال

div {
  text-align: justify;
}

نوکری بجائی تجربہ

متن کا سمت

direction اور unicode-bidi عناصر کا متن کا سمت بدلنا کا استعمال کیا جاتا ہے:

مثال

p {
  direction: rtl;
  unicode-bidi: bidi-override;
}

نوکری بجائی تجربہ

عمودی آلین نمودار

vertical-align عناصر کا عمودی آلین نمودار بنانے کا استعمال کیا جاتا ہے۔

یہ مثال دیکھتی ہے کہ کس طرح میں متن میں تصویر کا عمودی آلین نمودار بنایا جاتا ہے:

مثال

img.top {
  vertical-align: top;
}
img.middle {
  vertical-align: middle;
}
img.bottom {
  vertical-align: bottom;
}

نوکری بجائی تجربہ