A margókat nem kell külön-külön megnevezni, hanem a számok egymás után írásával a tetõvel kezdve óra járásával megegyezõ irányban adjuk meg: top, right, bottom, left.
Pl.:{ margin: 0 0 10px 10px; }
Hivatkozás tag elemre <style type="text/css">
body {background-color: yellow}
h1 {background-color: #00ff00}
h2 {background-color: transparent}
p {background-color: rgb(250,0,255)}
</style>Menu vízszintesen. <head>
<style type="text/css">
ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
float:left;
width:6em;
text-decoration:none;
color:white;
background-color:purple;
padding:0.2em 0.6em;
border-right:1px solid white;
}
a:hover {background-color:#ff3300}
li {display:inline}
</style>
</head>
<body>
<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul>
</body>Az elsõ sor lesz nagybetûs, egy div-re alkalmazva. Netscape 4 nem tudja. div:first-line
{
color: #ff0000;
font-variant: small-caps
}
</style>Elsõ betû kiemelése. <html>
<head>
<style type="text/css">
span
{
float:left;
width:0.7em;
font-size:400%;
font-family:algerian,courier;
line-height:80%;
}
</style>
</head><body>
<p>
<span>T</span>his is some text.
This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
</p>Elsõ betû kiemelése Div-ben. Netscape 4 nem tudja. div:first-letter
{
color: #ff0000;
font-size:xx-large
}
</style>
</head>
<body><p><b>Note:</b> Netscape 4 does not support the "first-letter" property.</p>
<p><b>Note:</b> Internet Explorer 5.5 supports the "first-letter" property.</p><div>
You can use the first-letter pseudo-element to add special style to the first letter of a text.
</div>
</body>
</html>
A z-indexet állítja. Netscape 4 nem tudja. Minnél kissebb "z", annál hátrébb van. <head>
<style type="text/css">
img.x
{
position:absolute;
left:0px;
top:0px;
z-index:-1
}
</style>
</head><body>
<p><b>Note:</b> Netscape 4 does not support the "z-index" property.</p>
<h1>This is a Heading</h1>
<img class="x" src="bulbon.gif" width="100" height="180"><p>Default z-index is 0. Z-index -1 has lower priority.</p>
</body>
</html>Levágja a képnek egy részét. Netscape 4 nem támogatja img {
position:absolute;
clip:rect(0px 50px 200px 0px)
}
legtöbbször elõforduló mértékegységek