» נושאי לימוד
» נושאי לימוד
יום שני 2 בדצמבר 2024
הגדרת סגנון חדש
דף ראשי  גלינונות סגנון מוטבעים (CSS)  הגדרת סגנון חדש גרסה להדפסה

 

עד כה ראינו כיצד מגדירים מחדש סגנונות של תגים קיימים, אך ישנה גם אפשרות להגדיר סגנונות חדשים לגמרי. הגדרת סגנון חדש תיעשה בין תגי <STYLE>.

ישנן מספר שיטות להגדרת סגנון חדש:

 

                    · תג <SPAN>

 

ניתן להגדיר סגנון חדש על ידי התג <SPAN>.

 

ההגדרה תיעשה בתוך תחום ה HEAD או בין ה HEAD ל BODY.

 

דוגמא:

 

<style type="text/css>                                                                                    

SPAN.mystyle { font-size:25pt ; color:green ; decoration:underline ; text-align:center ;}

</style>                                                                                                            

 

בדוגמא זו הגדרנו סגנון חדש ששמו mystyle והוא בעל תכונות מסוימות שאנו הגדרנו.

כאשר נרצה להשתמש בסגנון שיצרנו בתוך המסמך, נשתמש בתג ה <SPAN>.

 

דוגמא:

 

<span class="mystile”>text</span>

 

 

המילה "טקסט" תופיע בסגנון החדש שיצרנו.

 

                    · תג <DIV>

 

בשיטה זו הגדרת הסגנונות החדשים תיעשה באותה צורה כמו בשיטה הקודמת, אך ללא המילה SPAN שהקדימה את שם הסגנון בשיטה הקודמת.

 

דוגמא:

 

<style type="text/css>                                                                             

mystyle { font-size:25pt ; color:green ; decoration:underline ; text-align:center ;}

</style>                                                                                                     

 

כאשר נרצה להשתמש בסגנון שיצרנו בתוך המסמך, נשתמש בתג ה <DIV>.

נפתח תג <DIV> וניתן לו את התכונה CLASS עם שם הסגנון החדש שיצרנו. בנוסף, תג זה מקבל את כל התכונות שניתן לתת לתג <P>.

דוגמא:

 

<div class="mystyle">טקסט בסגנון החדש שיצרנו.</div><BR>

 

 הטקסט יופיע בדף בעיצוב שיצרנו בסגנון mystyle.

 25-03-04 / 09:50  עודכן ,  09-12-03 / 21:50  נוצר ע"י חנה הבלין  בתאריך 
 סגנון מוטבע - הקודםהבא - שינוי סגנון קיים 
תגובות הקוראים    תגובות  -  0
דרכונט
מהי מערכת הדרכונט?
אינך מחובר, להתחברות:
דוא"ל
ססמא
נושאי לימוד
חיפוש  |  לא פועל
משלנו  |  לא פועל
גולשים מקוונים: 1