وقت بخیر 🌸

در این پست قصد داریم با یک‌ ویژگی جدید اشنا بشیم ☘️

☘️ word-spacing

با استفاده از این ویژگی میتوان فاصله بین کلمات یک متن رو مشخص کرد 🌷

برای مثال :

فرض کنید یک تگ <p> در سند html دارید 🌷

<p>frozen coding</p>

و در css :

p{
word-spacing: 2em;
}

در حالت عادی اون متن اینجوری نمایش داده میشه :

frozen coding

بعد از اعمال این ویژگی به صورت زیر نمایش داده میشه :

frozen coding

دقیقا این کارو میکنه فاصله بین کلمات رو مشخص میکنه 🌷

مقادیری که میگیره :

☘️ normal
این ویژگی باعث میشه تا مرورگر با توجه به فونت مربوطه ، حالت پیش فرض رو اعمال بکنه 🌷

☘️ inherit
این ویژگی رو هم بلدید 🌷

و در اخر مقادیری طولی ، مثل rem , em , px و... و همینطور اعداد منفی رو هم میشه بکار برد 🌷


نکته 🔍 : این ویژگی محدود به متن ها نیست ، و برای عناصر اینلاین و اینلاین بلاک هم اعمال میشه و فاصله این عناصر رو هم کنترل میکنه 🌷



برای درک بهتر این موارد حتما ویدیو مربوطه رو مشاهده کنید 🌷

👁‍🗨➖➖➖➖➖➖➖➖➖➖➖👁‍🗨
#css #css3 #learn_css #word_spacing

#آموزش #آموزش_css #متن_ها
👁‍🗨➖➖➖➖➖➖➖➖➖➖➖👁‍🗨



شاد و موفق و پیروز باشید 🌸



☘️Join Channel :👇
{
@frozencoding_channel
}

اینم ویدیو عملی تمرین بالا 🌺🌸



👁‍🗨➖➖➖➖➖➖➖➖➖➖➖👁‍🗨
#css #css3 #learn_css #word_spacing

#آموزش #آموزش_css #متن_ها #تورفتگی
👁‍🗨➖➖➖➖➖➖➖➖➖➖➖👁‍🗨


شاد و موفق و پیروز باشید 🌸



☘️Join Channel :👇
{
@frozencoding_channel
}