ورود ثبت نام
فیلم آموزش Text یا متن در CSS3
» طراحی سایت » آموزش CSS3 » فیلم آموزش Text یا متن در CSS3
5690 بازدید

فیلم آموزش 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. government Tenders گفت:

    سلام.مطالب سایت عالیه.

  4. چسب ساختمانی گفت:

    بسیار عالیه ممنونم

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    • رضا طوماری گفت:

      سلام حتماً در ادامه اموزش ها یه مبحث رو به آموزش sass اختصاص می دیم .

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