فصل css۳ خلاصه مطالب جلسه ۴ استایل دهی به متن در css بخش دوم

سلام دوستان خلاصه مطالبی که استاد توی این جلسه گفتن رو قرار دادم اگه مطلب اضافه تری رو دارین که بنده جا انداختم

لطفا اضافه کنید

پراپرتی  White-space : no-wrap  اگر ما بیایم و یک متن طولانی رو قرار بدهیم و ارتفاع برای اون قرار ندهیم  و فقط عرض مشخص کرده باشیم میاد و به طور خودکار طول المان امون رو زیاد میکند تا متن ما به طور کامل درون اون جا بشه حال با قرار دادن این پراپرتی و قرار دادن این مقدار میاد و جلو ی این کار خودکار رو میگیره
 

پراپرتی  over-flow : اگر برای یک المان شرایط بالا صدق کنه از این پراپرتی استفاده میکنیم که مقادیر مختلفی میگیرد 

auto این مقدار میاد و برای متن یک اسکرول ویو درست میکند تا اضافه متن با رعایت عرض المان دیده شود

hidden  این مقدار اون قسمت از متن رو که میاد و عرض المان رو رد میکنه یا بیشتر از اون نشون میده رو پنهان میکند

حال برای اینکه متن امون وقتی نزدیک به انتهای المان امون رسید بیاد و یک سه نقطه نشون بدهد باید ویژگی زیر رو براش لحاظ بکنیم text-overflow : ellipsis 

نکته : یک موقع هست ما یک کلمه ای رو داریم که میاد و طول این کلمه از عرض المان داخلش بیشتر میشه و میزنه بیرون برای شکستن این کلمه باید بیایم و این پراپرتی رو قرار بدهیم  word-wrap : break-word

نکته : دستور word-Break : break-all  یک جورایی جاگزین text-align : justify  هست با این تفاوت که برای تراز کردن میاد و کلمه ها رو هم میکشونه 

پراپرتی vertical-align میاد و خاصیت  align کردن عنصر کناری اون رو مشخص میکند مثلا top or bottom میاد المنت کناری در پایین ترین و بالاترین جای عنصر پرنت اش قرار میدهد middle میاد و وسط اش میکند ما این خاصیت رو برای بزرگ ترین عنصر از نظر ارتفاع در کنار سایر اعضا در نظر میگیریم مثلا baseline میاد در جایی که ارتفاع اون عنصر تموم شده قرار اش میدهد  ما میتوانیم مقدار عددی هم بدهیم  برای بالا پایین کردنش که هم مثبت هم منفی

baseline : خط پایه عنصر را با خط پایه عنصر والدش هم تراز می کند. این مقدار پیش فرض است.

top : لبه بالایی عنصر هم تراز با بلندترین عنصر خط می شود.

middle : عنصر در وسط عنصر والدش قرار می گیرد.

bottom : لبه پایینی عنصر هم تراز با پایین ترین عنصر خط می گردد.