آموزش CSS (قسمت ۱۰ : کار با متنها – بخش اول) | خدمات کامپیوتری امداد133
خانه / کامپیوتر / اموزش / آموزش CSS (قسمت ۱۰ : کار با متنها – بخش اول)

آموزش CSS (قسمت ۱۰ : کار با متنها – بخش اول)

آموزش CSS (قسمت ۱۰ : کار با متنها – بخش اول)

در این قسمت برخی از ویژگیهای متن را که در سی اس اس استفاده می شوند به شما معرفی می کنیم. با کمک این ویژگیها می توانیم نحوه قرار گرفتن متن در صفحه، فاصله بین حروف و بسیاری از خواص متن را مدیریت کنیم.

 

letter-spacing

 

این ویژگی به ما اجازه می دهد تا فاصله میان حروف یک کلمه را در یک متن تعیین کنیم. این ویژگی می تواند مقادیری را در مقیاس پیکسل به خود بگیرد یا از مقدار normal استفاده کند. گزینه پیش فرض برای این ویژگی همان normal است. مثال :

حروف این متن با فاصله ۵ پیکسل از یکدیگر نمایش داده خواهند شد.

 


 

 

text-align

این ویژگی به ما اجازه می دهد تا نحوه قرارگیری قسمتی از متن را از لحاظ راست چین، چپ چین یا وسط چین بودن تنظیم کنیم که می تواند مقادیر زیر را در آن استفاده کرد :

  • left : با استفاده از این مقدار می توانیم محتویات یک تگ را در سمت چپ صفحه نمایش دهیم
  • right : این قدار معین می کند که محتویات یک تگ باید در سمت راست صفحه نمایش داده شوند
  • center : این مقدار محتویات یک تگ را به صورت وسط چین تعریف میکند

 

محتویات این DIV در سمت چپ صفحه نمایش داده می شوند.

 


 

text-decoration

این ویژگی به ما اجازه می دهد تا برای قسمت خاصی از متن خاصیتهای از قبیل زیرخط تعریف کنیم. مثلاً فرض کنید می خواهیم یک متن را با خطی بالای آن به وجود بیاوریم. در اینجا می توانیم از این ویژگی به صورت زیر استفاده کنیم :

به این متن توجه کنید!!

همانطور که مشاهده می کنید با استفاده از text-decoration ما میتوانید برای متن مورد نظر خاصیت های مختلفی را قرار بدهید ، در زیر مقادیری که میتوانید به کار ببرید نوشته شده است :

 

  • none :  این گزینه به صورت پیش فرض بر روی متن اعمال می شود (البته برای لینکها به صورت پیش فرض underline اعمال می شود) و در نتیجه آن متنها به صورت ساده و معمولی نمایش داده می شوند. در صورتی که بخواهیم لینکهایی در متن ما بدون زیر خط نشان داده شوند می توانیم از این گزینه برای تگ لینک استفاده کنیم.
  •  underline : از این گزینه می توان برای زیر خط دار کردن متنها استفاده کرد.
  • overline : این گزینه برای نمایش خط بالای متن استفاده می شود.
  • line-through : این گزینه یک خط را در میانه متن ایجاد می کند و آنرا به صورت خط خورده نشان می دهد.
  • blink : از این گزینه می توانیم برای چشمک زن کردن متن استفاده کنیم. البته این گزینه توسط مرورگر اینترنت اکسپلورر حمایت نمی شود و فقط در مرورگرهای Netscape نمایش داده می شود.

 

متن مورد استفاده در لینک

متن مورد استفاده در لینک

متن مورد استفاده در لینک

متن مورد استفاده در لینک

متن مورد استفاده در لینک

 

همانطور که مشاهده می کنید ما میتوانید مقادیر مختلفی را در مشخصه بالا قرار دهید و برای متن، لینک ، نوشته ها و … از آن استفاده کنیم.

درباره ی nasimazadi

مطلب پیشنهادی

واحد پردازش مركزي CPU 

واحد پردازش مركزي CPU مدت زمان انجام يك كار بوسيله كامپيوتر، به عوامل متعددي بستگي …

پاسخ دهید