ویژگی تصویر

خاصیت class در HTML

  /  HTML   /  خاصیت class در HTML
بنر تبلیغاتی الف

با استفاده از خاصیت class در HTML می توانیم کد های نوشته شده CSS را کلاس بندی کنیم و نام کلاس ها را به عناصر سند HTML خود اختصاص بدهیم و آنها را به وسیله کلاس ها سبک دهی کنیم.

مثال

در مثال زیر با استفاده از کلاس هایی که در تگ <style> تعریف کرده ایم رنگ متن های عناصر انتخابی را تغییر داده ایم.

تماشا در حالت تمام صفحه


تعریف و کاربرد

خاصیت class در HTML یک یا چند نام کلاس را برای عناصر مشخص می کند.

معمولاً از class ها برای سبک دهی به عناصر استفاده می شود و شما می توانید کد های CSS خود را در قالب یکسری کلاس تعریف کنید و به عناصر خاصی اختصاص دهید ولی می توانید توسط javascript هم از طریق کلاس ها به عناصر دسترسی داشته باشید و تغییراتی را روی آنها اعمال کنید.


پشتیبانی مرورگر ها

خاصیت
classبلهبلهبلهبلهبله

نحوه استفاده

<element class="classname">

مقادیر خاصیت (attribute)

مقدارتوضیحات
classnameیک یا چند نام کلاس را مشخص می کند، اگر قصد داشته باشید چند کلاس را کنار هم مشخص کنید باید یک فاصله Space بین نام کلاس ها قرار بدید مثل <span class="left important">

قوانین برای نام ها:

  • باید با حروف انگلیسی شروع شود مثل A-Z یا a-z
  • می توانید بعد از حروف از اعداد 0-9 یا کاراکتر هایی مثل _ یا - استفاده کنید.

مثال های بیشتر


این قسمت/بخشی از محتوا مخفی شده است و فقط برای اعضای وب سایت قابل مشاهده می باشد، لطفاً با حساب کاربری وارد شوید.

آیا این مطلب برای شما مفید بود ؟

خیر
بله
بنر تبلیغاتی ج