אפשרות נוספת להגדיר סגנון למדיה מסוימת היא פקודת ה- media@, המאפשרת להגדיר סגנונות שונים עבור מדיות שונות, באותו מסמך עיצוב.
סגנון העיצוב בדוגמא הבאה, מגדיר לדפדפן להציג על גבי המסך, גופן Verdana בגודל 14 פיקסלים, אולם בהדפסה על נייר, יודפס גופן Times בגודל 10 פיקסלים. שימו לב לכך שהגופן הוגדר כמודגש הן על גבי המסך והן על נייר:
<html>
<head>
<style>
@media screen
{
p.test {font-family:verdana,sans-serif; font-size:14px}
}
@media print
{
p.test {font-family:times,serif; font-size:10px}
}
@media screen,print
{
p.test {font-weight:bold}
}
</style>
</head>
<body>
....
</body>
</html>
דוגמא נוספת לשימוש במאפיין זה הוא הקוד הבא:
רשומות
אין תגובות:
הוסף רשומת תגובה