در فیلم آموزش 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  در سایت وب سیتی رو تماشا کنید .

از لینک زیر هم می تونید فیلم آموزش متن در CSS3 را دانلود کنید .