سی ای اس سی متن سپسنگ

ਟੈਕਸਟ ਸ਼ਿਫਟ

text-indent ਇਹ ਪੈਰਾਮੀਟਰ ਟੈਕਸਟ ਦੀ ਪਹਿਲੀ ਲਾਈਨ ਦੀ ਸ਼ਿਫਟਿੰਗ ਸੂਚੀਬੱਧ ਕਰਦਾ ਹੈ:

مثال

p {
  text-indent: 50px;
}

آپ خود سنجائیجئے

ਅੱਖਰ ਦੂਰੀ

letter-spacing ਇਹ ਪੈਰਾਮੀਟਰ ਟੈਕਸਟ ਵਿੱਚ ਅੱਖਰਾਂ ਦਰਮਿਆਨ ਦੂਰੀ ਸੂਚੀਬੱਧ ਕਰਦਾ ਹੈ。

ਇਹ ਉਦਾਹਰਣ ਦਰਸਾਉਂਦਾ ਹੈ ਕਿ ਕਿਵੇਂ ਅੱਖਰਾਂ ਦਰਮਿਆਨ ਦੂਰੀ ਵਧਾਉਣ ਜਾਂ ਘਟਾਉਣ ਹੋਵੇ:

مثال

h1 {
  letter-spacing: 3px;
}
h2 {
  letter-spacing: -3px;
}

آپ خود سنجائیجئے

سطر کی فاصلہ

line-height صورت کا استعمال سطر کے درمیان کی فاصلہ کا تعین کرنا

مثال

p.small {
  line-height: 0.8;
}
p.big {
  line-height: 1.8;
}

آپ خود سنجائیجئے

لفظ کی فاصلہ

word-spacing صورت کا استعمال الفاظ کے درمیان کی فاصلہ کا تعین کرنا

یہ مثال دکھاتا ہے کہ کیسے الفاظ کے درمیان کی فاصلہ میں اضافہ یا کمی کیاجائے:

مثال

h1 {
  word-spacing: 10px;
}
h2 {
  word-spacing: -5px;
}

آپ خود سنجائیجئے

بید

white-space صورت کا استعمال آئیٹم کے اندر بید کی کچھ اور کیسے ہو

یہ مثال دکھاتا ہے کہ کیسے آئیٹم کے اندر کا متن متن تبدیل نہیں کیا جائے:

مثال

p {
  white-space: nowrap;
}

آپ خود سنجائیجئے