CSS - właściwości outline-color outline-style outline-width
outline-color outline-style outline-width
| kod |
wynik kodu |
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta http-equiv="Content-Language" content="pl">
<title>webatak.pl - CSS - multi column</title>
<link rel="Stylesheet" type="text/css" href="style.css" />
<style type="text/css">
p.one {
outline-width: 10px;
outline-style: solid;
outline-color: blue;
}
p.two {
outline-width: thick;
outline-style: solid;
outline-color: blue;
}
p.three {
outline-width: medium;
outline-style: solid;
outline-color: blue;
}
p.four {
outline-width: thin;
outline-style: solid;
outline-color: blue;
}
p.five {
outline-width: 5px;
outline-style: dashed;
outline-color: green;
}
p.six {
outline-width: 5px;
outline-style: dotted;
outline-color: green;
}
p.seven {
outline-width: 5px;
outline-style: double;
outline-color: green;
}
p.eight {
outline-width: 5px;
outline-style: groove;
outline-color: green;
}
p.nine {
outline-width: 5px;
outline-style: inset;
outline-color: green;
}
p.ten {
outline-width: 5px;
outline-style: outset;
outline-color: green;
}
p.eleven {
outline-width: 5px;
outline-style: ridge;
outline-color: green;
}
p.twelve {
outline-width: 5px;
outline-style: solid;
outline-color: invert;
}
</style>
</head>
<body>
<p class="one">Koko Koko Euro Spoko</p>
<p class="two">Koko Koko Euro Spoko</p>
<p class="three">Koko Koko Euro Spoko</p>
<p class="four">Koko Koko Euro Spoko</p>
<p class="five">Koko Koko Euro Spoko</p>
<p class="six">Koko Koko Euro Spoko</p>
<p class="seven">Koko Koko Euro Spoko</p>
<p class="eight">Koko Koko Euro Spoko</p>
<p class="nine">Koko Koko Euro Spoko</p>
<p class="ten">Koko Koko Euro Spoko</p>
<p class="eleven">Koko Koko Euro Spoko</p>
<p class="twelve">Koko Koko Euro Spoko</p>
</body>
</html>
|
|