آموزش HTML (قسمت 3) : صفت ها در HTML

- visibility ٣٢ mode_comment

کار صفت ها چیست؟

ما به وسیله صفت ها در HTML میتوانیم کنترل بیشتری بر تگ ها داشته باشیم. بسیاری از تگ ها صفت های منحصر به فردخود را دارند که به این صفت ها، صفت های اختصاصی میگویند. اما بعضی از صفات نیز بین تگ ها مشترک است و در همه آنها یک کار را انجام میدهند. به این صفت ها، صفت های عمومی گفته میشود. صفت ها همیشه در تگ آغازین به کار میروند و از دو قسمت اصلی تشکیل می شوند:

  • Name : نام صفتی که میخواهید کنترل کنید. مثلا صفت align برای تگ p نحوه چینش متن پاراگراف را کنترل می کند.
  • Value : مقداری است که برای صفت تعیین می شود. مثلا مقدار right برای صفت align در تگ p، باعث راست چین شدن متن پاراگراف می شود. Valueها همیشه باید در داخل کوتیشن ها (double یا single) قرار بگیرند و با علامت = به نام صفت منتسب شوند.

شکل کلی تعریف صفات برای عناصر به این صورت است:

مثال زیر پاراگراف را راست چین می کند:

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

معرفی صفات عمومی

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

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

مثال:

dir: جهت گیری متن داخل یک عنصر را کنترل میکند. این صفت دارای دو مقدار است :

  • rtl: برای جهت گیری عنصر از راست به چپ
  • ltr: برای جهت گیری عنصر از چپ به راست

مثال:

info نکته :

مقدار پیش فرض این صفت ltr است. یعنی در صورت مقدار ندادن به این صفت، جهت گیری عنصر ما به صورت پیشفرض از چپ به راست خواهد بود.

comment دیدگاه کاربران
رضا

سلام خسته نباشید
چرا در ببعضی از کدهای htmlاز دو کلاس همزمان استفاده شده

کیوان علی محمدی

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

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2 3