דוגמאות
דוגמה 1
שימוש בתכונת class בתוך מסמך HTML:<html>
<head>
<style type="text/css">
h1.intro {color:blue;}
p.important {color:green;}
</style>
</head>
<body>
<h1 class="intro">כותרת 1</h1>
<p>פסקה.</p>
<p class="important">
שימו לב! זאת פסקה חשובה
</p>
</body>
</html>
הגדרה ושימוש
תכונה class מציינת שם של מחלקה עבור אלמנט.
תכונה class משמשת בעיקר כדי להצביע על מחלקה בגיליון סגנונות. עם זאת, ניתן להשתמש בה גם על ידי JavaScript (דרך HTML DOM) כדי לבצע שינוים באלמנטים HTML עם מחלקה מסוימת.
טיפים והערות
ניתן ליחד מספר מחלקות בתוך אלמנט HTML אחד, לדוגמה, <span class="left_menu important">.זה מאפשר לשלב מספר מחלקות CSS עבור אלמנט HTML אחד.
הערה
בתכונה class לא ניתן להשתמש בתוך אלמנטים הבאים:base,head,html, meta, param, script, style, title.
טיפ
אל תתחילו שם של מחלקה עם מספר! זה נתמך ב דפדפן Explorer בלבד.
תמיכת דפדפנים
W3C: מציין האם התכונה מוגדרת בהמלצות HTML/XHTML.
תמיכת דפדפנים
תחביר
<element class="value">
ערכי תכונות
| ערך | תיאור |
|---|---|
| classname | מגדיר שם של מחלקה עבור אלמנט. כדי להגדיר מספר מחלקות עבור אלמנט אחד תפרידו שמות של מחלקות עם רווחים |
דוגמה
כיצד להוסיף מספר מחלקות עבור אלמנט HTML אחד:<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body style="font-family:Arial, Helvetica, sans-serif;color:#3c3c3c;direction:rtl;text-align:right;">
<style type="text/css">
h1.intro
{
color:blue;
text-align:center;
}
.important {background-color:#B0B0B0;}
</style>
</head>
<body>
<h1 class="intro important">כותרת 1</h1>
<p>זאת פסקה</p>
</body>
</html>האם מידע זה היה מועיל?
