سی ایس ایس ٹیکسٹ الائن پراپرٹی کے ساتھ چیزوں کو آگے بڑھائیں۔

ورڈ پروسیسنگ کے ساتھ گرفت میں آنے کے بارے میں تمام ڈویلپرز نے سیکھی پہلی خصوصیات میں سے ایک متن کی سیدھ تھی۔ یہ چھوٹا سا آلہ پیشہ ور ٹائپ سیٹرز اور شوقیہ فلائر ڈیزائنرز کے لیے یکساں ہے۔ یہ کوئی تعجب کی بات نہیں ہے کہ جب ویب ڈیزائن کی بات آتی ہے تو سی ایس ایس کو متن کی سیدھ میں مدد ملتی ہے۔

کی متن کی صف بندی پراپرٹی ، ایک یا دو دیگر کے ساتھ ، کنٹرول کرتی ہے کہ کس طرح ایک عنصر افقی طور پر اس کے متن کو سیدھا کرتا ہے۔ بنیادی باتوں سے ہٹ کر ، براؤزر آہستہ آہستہ زیادہ سے زیادہ قیاس آرائی کر رہے ہیں ، لیکن مکمل سپورٹ مختلف ہوتی ہے۔ سیکھیں کہ کس طرح متن کو سیدھا کرنا ہے اور کون سی خصوصیات جو عام براؤزرز آج سپورٹ کرتے ہیں۔

سی ایس ایس متن کی سیدھ میں آنے والی پراپرٹی کی بنیادی باتیں۔

صف بندی ٹائپوگرافی کی سب سے مشہور اصطلاحات میں سے ایک ہے۔ سی ایس ایس کے تناظر میں ، متن کی صف بندی افقی صف بندی سے مراد ہے۔

افقی متن کی سیدھ صرف بلاک کنٹینرز پر لاگو ہوتی ہے۔ یہ مکمل چوڑائی والے عناصر ہیں جیسے پیراگراف اور divs۔ کا استعمال کرتے ہوئے متن کی صف بندی ایک ان لائن عنصر پر پراپرٹی جیسے۔ میں کوئی اثر نہیں پڑے گا. آپ لسٹ آئٹمز اور ٹیبل سیلز کو بھی سیدھا کر سکتے ہیں:

ونڈوز 10 پر پرانے پی سی گیم کیسے کھیلیں

پہلے سے طے شدہ طور پر ، بائیں سے دائیں زبان میں (اس میں سے زیادہ بعد میں) ، متن بائیں طرف سیدھ میں آتا ہے:

سی ایس ایس میں ، یہ ایک جیسا ہے:

p { text-align: left; }

یا:

p { text-align: start; }

آپ دیگر اقدار کو اس کے لیے استعمال کر سکتے ہیں۔ متن کی صف بندی افقی صف بندی کو تبدیل کرنے کے لیے پراپرٹی۔ سب سے عام اقدار ورڈ پروسیسنگ ایپس سے واقف ہیں:

text-align: left  
text-align: center  
text-align: right

بائیں اور دائیں کناروں کو سیدھ کرنے کے لیے جواز کا استعمال کریں۔

کے لیے ایک اور عام قدر۔ متن کی صف بندی ہے جواز دینا . براؤزر جائز متن میں جگہ شامل کرتے ہیں تاکہ ہر لائن دستیاب جگہ کو پُر کرنے کے لیے بڑھے:

جب آپ متن کا جواز پیش کرتے ہیں تو ، آخری لائن مشکل ہوسکتی ہے۔ چونکہ یہ بہت مختصر ہوسکتا ہے (ممکنہ طور پر صرف ایک لفظ) ، اس کو پوری چوڑائی میں فاصلہ رکھنا بدصورت ہو سکتا ہے۔ بطور ڈیفالٹ ، یہاں تک کہ جائز متن بھی آخری لائن کو بائیں طرف سیدھ کر دے گا۔

میرا حجم میرے آئی فون پر کیوں کام نہیں کر رہا ہے؟

آپ کبھی کبھی مختلف اثر چاہتے ہیں۔ براؤزر کے نفاذ کو قیاس کے ساتھ پکڑا جا رہا ہے ، لیکن دو نقطہ نظر ممکن ہیں۔

کی جواز-سب ویلیو کا مطلب یہ ہونا چاہیے کہ براؤزرز دوسرے لوگوں کی طرح آخری لائن کا علاج کریں اور اسے پوری چوڑائی تک پھیلا دیں۔ تاہم ، لکھنے کے وقت ، کوئی براؤزر اس قدر کی حمایت نہیں کرتا ہے۔ آپ کر سکتے ہیں۔ چیک کریں caniuse یہ دیکھنے کے لیے کہ وہ کرتے ہیں۔ جب آپ یہ مضمون پڑھ رہے ہیں۔

ایک اور سی ایس ایس پراپرٹی ، text-align-last ، زیادہ لچکدار ہے اور بہتر سپورٹ ہے۔ آپ اس کے ساتھ کم و بیش اسی طرح سلوک کرسکتے ہیں۔ متن کی صف بندی ، لیکن یہ صرف آخری لائن پر لاگو ہوتا ہے:

اس پراپرٹی کے لیے براؤزر سپورٹ بہتر ہے ، لیکن کامل نہیں۔ ایک بار پھر ، استعمال کرنے سے پہلے کینیوز چیک کریں۔ . اگر کوئی براؤزر اس پراپرٹی کو نہیں پہچانتا ہے تو وہ اسے نظر انداز کر دے گا۔

متن کی سیدھ اور پڑھنے کی سمت۔

آپ عربی یا عبرانی جیسی زبان کے ساتھ کام کر رہے ہیں جو دائیں سے بائیں پڑھتی ہے۔ CSS استعمال کرتا ہے۔ سمت اس کی وضاحت کے لیے پراپرٹی ، مثال کے طور پر:

direction: rtl;

یہ زبانیں عام طور پر متن کو بطور ڈیفالٹ سیدھ کرتی ہیں۔

وضاحت کرنے کے بجائے۔ بائیں / ٹھیک ہے ، متن کو سیدھ کرنے کا ترجیحی طریقہ اقدار کا استعمال کرتا ہے۔ شروع کریں اور ختم . یہ اس بات کی وضاحت کرتا ہے کہ کیا متن ہر لائن کے آغاز یا اختتام پر ہونا چاہیے۔ بائیں سے دائیں زبانوں میں ، شروع کریں کے برابر ہے بائیں . دائیں سے بائیں زبان میں ، متن دائیں سے شروع ہوتا ہے اور بائیں طرف ختم ہوتا ہے۔

ونڈوز 10 فیکٹری ری سیٹ بوٹ سے۔

استعمال کرتے ہوئے۔ شروع کریں یا ختم اس کا مطلب یہ ہے کہ ، متن کی سمت سے قطع نظر ، صف بندی مستقل ہے۔

عناصر متن کی صف بندی والی پراپرٹی کا وارث کیسے ہوتے ہیں۔

آپ کو معلوم ہونا چاہیے کہ متن کی صف بندی جائیداد وراثت میں مثال کے طور پر ، اگر آپ اسے پر سیٹ کرتے ہیں۔ جسم عنصر ، یہ صفحے کے ہر عنصر پر لاگو ہوگا۔ آپ یقینا اسے کسی بھی عنصر پر اوور رائیڈ کر سکتے ہیں۔

لے آؤٹ کو کنٹرول کرنے کے لیے ٹیکسٹ ایلائن پراپرٹی کا استعمال۔

آپ استعمال کر سکتے ہیں متن کی صف بندی سی ایس ایس پراپرٹی اس بات کی وضاحت کرتی ہے کہ براؤزر کس طرح افقی طور پر متن لگاتے ہیں۔ سب سے عام اقدار ہیں۔ بائیں ، ٹھیک ہے ، مرکز ، اور جواز دینا . یہ کافی سیدھے ہیں ، اگرچہ۔ جواز دینا کچھ پیچیدگی متعارف کرواتا ہے۔

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

کی متن کی صف بندی پراپرٹی بہت سی ایس ایس پراپرٹیز میں سے ایک ہے جو مفید فارمیٹنگ اور بنیادی پوزیشننگ فراہم کرتی ہے۔

بانٹیں بانٹیں ٹویٹ ای میل۔ 10 سادہ سی ایس ایس کوڈ کی مثالیں جو آپ 10 منٹ میں سیکھ سکتے ہیں۔

سی ایس ایس کے ساتھ مدد کی ضرورت ہے؟ شروع کرنے کے لیے ان بنیادی CSS کوڈ مثالوں کو آزمائیں ، پھر انہیں اپنے ویب صفحات پر لاگو کریں۔

اگلا پڑھیں۔ متعلقہ موضوعات۔

پروگرامنگ۔
ویب سازی
ویب ڈیزائن
سی ایس ایس

مصنف کے بارے میں بوبی جیک۔(58 مضامین شائع ہوئے)

بوبی ایک ٹکنالوجی کا شوقین ہے جس نے دو دہائیوں تک سافٹ ویئر ڈویلپر کی حیثیت سے کام کیا۔ وہ گیمنگ کے بارے میں پرجوش ہے ، سوئچ پلیئر میگزین میں بطور ریویو ایڈیٹر کام کرتا ہے ، اور آن لائن پبلشنگ اور ویب ڈویلپمنٹ کے تمام پہلوؤں میں ڈوبا ہوا ہے۔

بوبی جیک سے مزید

ہماری نیوز لیٹر کو سبسکرائب کریں

ٹیک ٹپس ، جائزے ، مفت ای بکس ، اور خصوصی سودوں کے لیے ہمارے نیوز لیٹر میں شامل ہوں!

سبسکرائب کرنے کے لیے یہاں کلک کریں۔