Tegs STYLE
| Pārlūks |  Internet Explorer |
 Netscape |
 Opera |
 Safari |
 Firefox |
|||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Versija | 5.5 | 6.0 | 7.0 | 8.0 | 8.0 | 9.0 | 7.0 | 8.0 | 9.2 | 9.5 | 1.3 | 2.0 | 3.1 | 1.5 | 2.0 | 3.0 |
| Atbalsts | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā |
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Tegu <STYLE> izmanto, lai noteiktu web-lapas elementu stilu. Tegs <STYLE>jāievieto konteinerī <HEAD>. Var lietot vairāk kā vienu tegu <STYLE>.
Sintakse
<head> <style type="text/css"> ... </style> </head>
Parametri
- media
- Nosaka izvades iekārtu, darbam ar kuru paredzēta stilu tabula.
- type
- Paziņo pārlūkam, kādu sintaksi izmantot, lai pareizi interpretētu stilus.
Aizverošais tegs
Obligāts.
Piemērs 1. Tega <STYLE> izmantošana
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs STYLE</title>
<style type="text/css">
H1 { font-size: 120%; font-family: Verdana, Arial,
Helvetica, sans-serif; color: #333366 }
</style>
</head>
<body>
<H1>Hello, world!</H1>
</body>
</html>Piemēra rezultāts.
Tega <STYLE> parametru apraksts
Parametrs MEDIA
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Nosaka izvades iekārtu, darbam ar kuru paredzēta stilu tabula. Jebkurai iekārtai — sākot ar plaukstdatoru līdz printerim, var noteikt savu stilu tabulu, kura ņemtu vērā iekārtas specifiku un atkarībā no tās pielāgotu web-lapas izskatu.
Sintakse
<style media="all | screen | print | projection | braille | speech">...</style>
Argumenti
- all
- Visas iekārtas .
- screen
- Monitora ekrāns.
- Drukas iekārta (printeris).
- projection
- Projektors.
- braille
- Iekārtas, kas bāzētas uz Braila sistēmu, un paredzētas neredzīgajiem.
- speech
- Balss sintezātori.
Iespējams vienlaikus uzstādīt vairākus argumentus, atdalot tos ar komatu.
Noklusētā vērtība
screen
Piemērs 2. Stili dažādām izvades iekārtām
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs STYLE, parametrs media</title>
<style type="text/css" media="screen">
.window {
background: #333;
border: 1px solid red;
font-size: 90%;
color: #fc0;
padding: 10px;
}
</style>
<style type="text/css" media="print">
.window {
border: 1px solid black;
font-family: Arial;
font-size: 90%;
font-weight: bold;
color: black;
padding: 10px
}
</style>
</head>
<body>
<div class="window">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy
nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
</div>
</body>
</html>Piemēra rezultāts, kur izmantots stils ar parametru media="screen". Nākamajā zīmējumā attēlota tā pati lapa, bet jau drukas izskatā, kas uzstādīts ar parametru media="print". Pēdējais stils darbosies tikai nosūtot lapu uz drukāšanu.
Parametrs TYPE
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Paziņo pārlūkam, kādu sintaksi izmantot, lai pareizi interpretētu stilu tabulu. Parasti pārlūki korekti darbojas ar stiliem arī bez šī parametra, tas var būt nepieciešams dažiem vecajiem pārlūkiem, kuri nesaprot konteinera <STYLE> saturu.
Sintakse
<style type="text/css">...</style>
Argumenti
Kā vērtība tiek izmantots MIME-tips — text/css.
Noklusētā vērtība
text/css
Piemērs 3. Parametra type izmantošana
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs STYLE, parametrs type</title>
<style type="text/css">
a:link { color: #003366; }
a:visited { color: #660066; }
a:hover { color: #800000; }
a:active { color: #FF0000; }
</style>
</head>
<body>
<p><a href="lorem.html">Lorem ipsum dolor sit amet</a></p>
</body>
</html>
