Obramowanie

Obramowanie

Grubość obramowania To jest przykładowe zdanie	<p id="test1">To jest przykładowe zdanie</p> style.css: #test1{ border-width:3px; }
Grubość i styl obramowania To jest przykładowe zdanie	<p id="test2">To jest przykładowe zdanie</p> style.css: #test2{ border-width:3px; border-style:solid; }
Grubość i styl obramowania To jest przykładowe zdanie	<p id="test3">To jest przykładowe zdanie</p> style.css: #test3{ border-top-width:3px; border-bottom-width:3px; border-left-width:0; border-right-width:0; border-style:dotted; }
Grubość i styl obramowania To jest przykładowe zdanie	<p id="test4">To jest przykładowe zdanie</p> style.css: #test4{ border-width:4px 0; border-style:dashed; }
Grubość i styl obramowania To jest przykładowe zdanie	<p id="test5">To jest przykładowe zdanie</p> style.css: #test5{ border-width:2px 4px 6px 8px; border-style:double; }
Grubość, styl i kolor obramowania To jest przykładowe zdanie	<p id="test6">To jest przykładowe zdanie</p> style.css: #test6{ border-width:4px; border-style:groove; border-color: red; }
Grubość, styl i kolor obramowania To jest przykładowe zdanie	<p id="test7">To jest przykładowe zdanie</p> style.css: #test7{ border-width:6px; border-style:ridge; border-color: green; }
Grubość, styl i kolor obramowania To jest przykładowe zdanie	<p id="test8">To jest przykładowe zdanie</p> style.css: #test8{ border-width:8px; border-style:inset; border-color: blue; }
Grubość, styl i kolor obramowania To jest przykładowe zdanie	<p id="test9">To jest przykładowe zdanie</p> style.css: #test9{ border-width:10px; border-style:outset; border-color: pink; }
Zaokrąglenie rogów obramowania To jest przykładowe zdanie	<p id="test10">To jest przykładowe zdanie</p> style.css: #test10{ border-width:6px; border-style:solid; border-radius: 12px; }
Zaokrąglenie rogów obramowania To jest przykładowe zdanie To jest przykładowe zdanie	<p id="test11">To jest przykładowe zdanie<br> To jest przykładowe zdanie</p> style.css: #test11{ border-width:6px; border-style:solid; border-radius: 12px / 24px; /* poziom/pion do 8 wartości*/ }
Przykład To jest przykładowe zdanie	<p id="test12">To jest przykładowe zdanie</p> style.css: #test12{ border: 6px dotted orange; }
Cień To jest przykładowe zdanie	<p id="test13">To jest przykładowe zdanie</p> style.css: #test13{ box-shadow: 5px 10px 10px red; }
Outline To jest przykładowe zdanie	<p id="test14">To jest przykładowe zdanie</p> style.css: #test14{ border: 10px dashed blue; outline: 6px dotted orange; }