دنیای برنامه نویسی و اپلیکیشن

baner-telegram
شما اینجا هستید : صفحه اول » طراحی سایت » آموزش CSS3 » فیلم آموزش Text یا متن در CSS3
فیلم آموزش Text یا متن در CSS3

فیلم آموزش Text یا متن در CSS3

در فیلم آموزش Text یا متن در CSS3 چندین ویژگی از قبیل : word-wrapwhite-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 را دانلود کنید .

پیشنهاد می کنیم حتما بخوانید :

درباره : رضا طوماری

دانشجوی رشته نرم افزار ، عاشق برنامه نویسی

نظرات کاربران :



جواب سوال چیه ؟ *