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

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 را دانلود کنید .

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

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

عاشق برنامه نویسی

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


  1. بالابر گفت:

    مطالبی که در سایت به اشتراک میزارید بسیار جامع و مفید می باشد

  2. گواهینامه ایزو گفت:

    محتوا و مطالبی که به اشتراک میزارید بسیار آموزنده ست

  3. طرح توجیهی گفت:

    خیلی عالی بود. مرسی به خاطر مطالب مفیدی که میزارید

  4. کوادروتور گفت:

    ممنون.مقالات شما واقعا عالی و به روز هستند.خسته نباشید

  5. تجهیزات آشپزخانه هتل گفت:

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

  6. قیمت لوازم رستوران گفت:

    با سلام و درود ممنون از محتوای مفیدی که درون وب سایت قرار میدین موفق باشین

  7. سازه سبک گفت:

    بسیار عالی بود بیشتر از این آموزش ها در سایت قرار دهید

  8. تجهیزات آزمایشگاهی گفت:

    سایت خیلی خوبی دارید باآرزوی موفقیت برای شما

  9. بهترین مدل سمعک گفت:

    سلام و سپاس فراوان از اشتراک گذاریتون مطالب سایت عالیه

  10. سلام.مطالب سایت عالیه.ممنون از سایت مفید شما.موفق باشید.

  11. میشه لطفا در باره sass هم کمی توضیح بدید
    ممنون

  12. ممنون از سایت خوبتون که این آموزش های کاریردی و جامع رو در اون به اشتراک میذارید

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