نتیجه
امتحان کنید
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style> @media screen { p { font-family: verdana, sans-serif; font-size: 17px; } } @media print { p { font-family: georgia, serif; font-size: 14px; color: blue; } } </style> </head> <body> <p dir="rtl"> کد CSS که در این مثال بکار گرفته شده, به مرورگر دستور می دهد نوشته را با فونت Verdana در اندازه یا با مقیاس 17 پیکسل بر روی صفحه نمایش نشان دهد, ولی در صورت چاپ شدن صفحه بر روی کاغذ نوشته را با رنگ آبی و فونت Georgia به اندازه ی 14 پیکسل نمایش دهد . </p> </body> </html>
امتحان کنید