استایل دهی بر خط سی اس اس inline CSS

در آموزش قبل به معرفی صفات و خصوصیات رایج در HTML پرداختیم.

در این آموزش قصد بررسی استایل دهی برخط سی اس اس یا همان inline css را داریم.

تا این آموزش دیدید که توسط چند تگ و صفت میتوان حالت های محدودی را برای عامل مورد نظر اعمال کرد.اکنون توسط سی اس اس بر خط میتوانید تمامی حالاتی که برای یک عامل مدنظر دارید را به آسانی اعمال کنید.این استایل دهی توسط  صفت استایل (style) انجام میشود.

قالب کلی استایل دهی بر خط سی اس اس بصورت زیر میباشد.

Array

توجه داشته باشید که اگر قصد اضافه کردن چندین صفت بصورت بر خط را دارید باید صفات را توسط ; (نقطه ویرگول) از هم جدا نما. در زیر اسامی چندین صفت پرکاربرد آمده است.

نکته: این صفات فقط در استایل دهی برخط کاربرد دارند.

margin: ایجاد حاشیه بیرونی عامل

padding: ایجاد حاشیه درونی  عامل

background-color: رنگ زمینه راتعیین میکند

background-image: عکسی را برای زمینه انتخاب میکند

border:کادر دور عامل

color: رنگ متن عامل

text-aligm: تراز بندی متن

height: ارتفاع

width: عرض عامل

max-height: حداکثر ارتفاع عامل

min-height: حداقل ارتفاع عامل

max-width: حداکثر عرض عامل

min-width: حداقل عرض عامل

مثال:

Array
خروجی تکه کد بالا بصورت زیر میباشد:

Array

در بخش بعدی معرفی تگ های عمومی div , span را آموزش خواهیم داد.
با آنلاینر همراه شوید . . .

دیدگاه خود را برای ما ارسال کنید

3 Comments
  1. Pingback: معرفی صفات در HTML

  2. Pingback: معرفی تگ های عمومی div , span

    • vahid shokoohi
    • ۱۳۹۷-۱۰-۲۳
    پاسخ

    سپاس از مطلب شما
    با توضیحاتی که ارائه شد مشکل من درمورد inline CSS به سادگی برطرف شد