برچسب Style

تعریف و کاربرد

style را برای یک صفحه تعیین می کند.

برچسب style در قسمت head صفحه می آید. در صورتی که بخواهید style طراحی شده را به صفحه خود پیوند دهید، باید آنرا با برچسب <link> به صفحه بیافزایید.

تفاوت بین HTML و XHTML

تفاوتی ندارد

مثال

منبع

خروجی

<html>
<head>
<style type="text/css">
h1 {color: red}
h3 {color: blue}
</style>
</head>
<body>
<h1>Header 1</h1>
<h3>Header 3</h3>
</body>
</html>

Header 1

Header 3

خواص ضروری

DTD نشان می دهد که در کدام DTD این خواص مجاز هستند. S=اکید، T=وابسته، F=frameset.

موجودیت	مقدار	توضیحات	DTD
type	text/css	نوع محتوای درون برچسب را تعیین می کند.	STF

خواص انتخابی

موجودیت	مقدار	توضیحات	DTD
media	screen tty tv projection handheld print braille aural all	نشانگر این است که style تعریف شده مربوط به چه نوع خروجی است.	STF

خواص استاندارد

title, dir, lang, xml:space

خودتان بیازمایید

Styleُها در Html
این مثال چگونگی آرایش یک html به کمک styleی که به قسمت <head> اضافه شده است را نشان می دهد.

فراپیوند، بدون زیرخط
این مثال روش ساخت یک فراپیوند، که زیر خط ندارد را به کمک موجودیت های style نشان می دهد.

استفاده از style خارجی
این مثال روش استفاده از برچسب <link> را نشان می دهد. با این روش، style موجود در یک فایل خارجی، به عنوان style صفحه در نظر گرفته می شود.