
در فیلم آموزش Text یا متن در CSS3 چندین ویژگی از قبیل : word-wrap , white-space , text-overflow , word-break آموزش داده شده است و تقزیباً تمام ویژگی هایی که در CSS3 برای متن گفته شده را در این قسمت از فیلم آموزش متن در css3 توضیح داده شده است .
ویژگی white-space چیست ؟؟
این ویژگی در CSS3 میگه من فضای خالی رو توی صفحه مرورگر چطوری نشون بدم ؟ و دارای چندین مقدار است از قبیل :
nowrap : این مقدار میگه که فضا های خالی رو حذف کن .
pre : این مقدار pre همانند تگ pre عمل می کند و اگر جای خالی داشته باشین اون رو توی صفحه مرورگر نشون میده .
normal : این مقدار به صورت پش فرض است و اون enter هارو نشون نمیده .
ویژگی text-overflow چیست ؟؟
برای نشان دادن یا نشان ندادن متن در هنگام overflow می تونیم از این ویژگی استفاده کنیم و دارای مقادیر : clip و ellipsis است .
توضیحات بیش تر در فیلم آموزش css3 داده شده است .
ویژگی word-wrap چیست ؟؟
در هنگام overflow کلمه رو حذف می کنیم ولی با استفاده از این ویژگی دیگر کلمه مورد نظر را حذف نمی کنیم بلکه آن را می شکنیم و در خ بعدی ادامه ان را نمایش می دهیم .
این ویژگی word-wrap دارای دو مقدار break-word و normal است .
ویژگی word-break چیست ؟؟
این ویژگی دارای دو مقدار : keep-all و break-all است که مقدار keep-all مقدار پیش فرض است و تقریباً هیچ کاری رو انجام نمیده ولی اگر مقدار این ویژگی رو برابر break-all قرار بدید تا جایی که بتونه اون کلمه رو نشون میده و بقیه اش رو میشکنه و توی خط بعدی نمایش می ده .
تفاوتی که با word-wrap داره اینه که اونجا اگه مثلاً در شطر اول 5 تا حرف جا داریم نشون بدیم ولی کلمه ما دارای 10 حرف است پس در این حالت کلمه رو در سطر بعدی نشون میده . ولی در word-break تا آخر اون سطر رو پر میکنه و بعد میره به سطر بعدی و بقیه کلمه رو اون جا نمایش میده .
برای فهمیدن بهتر توصیه می کنیم که فیلم آموزشی متن در css3 در سایت وب سیتی رو تماشا کنید .
سپاس
وبسایت خیلی خوبی دارید مطالب خوبی در آن بارگذاری شده است
سلام.مطالب سایت عالیه.
بسیار عالیه ممنونم
شاید
مطالبی که در سایت به اشتراک میزارید بسیار جامع و مفید می باشد
محتوا و مطالبی که به اشتراک میزارید بسیار آموزنده ست
خیلی عالی بود. مرسی به خاطر مطالب مفیدی که میزارید
ممنون.مقالات شما واقعا عالی و به روز هستند.خسته نباشید
خیلی ممنونم بابت انتشار این مقاله بسیار مفید و کاربردی موفق باشید
به امید موفقیتهای روز افزون
با سلام و درود ممنون از محتوای مفیدی که درون وب سایت قرار میدین موفق باشین
بسیار عالی بود بیشتر از این آموزش ها در سایت قرار دهید
سایت خیلی خوبی دارید باآرزوی موفقیت برای شما
سلام و سپاس فراوان از اشتراک گذاریتون مطالب سایت عالیه
سلام.مطالب سایت عالیه.ممنون از سایت مفید شما.موفق باشید.
میشه لطفا در باره sass هم کمی توضیح بدید
ممنون
سلام حتماً در ادامه اموزش ها یه مبحث رو به آموزش sass اختصاص می دیم .
ممنون از سایت خوبتون که این آموزش های کاریردی و جامع رو در اون به اشتراک میذارید