http://wbex.ru/index.php?action=history&feed=atom&title=HTML%2FCSS%2FCSS_Attributes_and_Javascript_Style_Properties%2Fborder_width
HTML/CSS/CSS Attributes and Javascript Style Properties/border width - История изменений
2026-04-04T15:45:28Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=HTML/CSS/CSS_Attributes_and_Javascript_Style_Properties/border_width&diff=4852&oldid=prev
в 09:20, 26 мая 2010
2010-05-26T09:20:59Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 09:20, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://wbex.ru/index.php?title=HTML/CSS/CSS_Attributes_and_Javascript_Style_Properties/border_width&diff=4853&oldid=prev
Admin: 1 версия
2010-05-26T08:16:04Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>=="border-width" Example==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<style><br />
.style1 { <br />
border:5px solid #cccccc; <br />
border-width:6px; <br />
}<br />
.style2 { <br />
border:"none"; <br />
font-family:verdana; <br />
font-weight:bold <br />
}<br />
</style><br />
</head><br />
<body><br />
Move mouse in and out to see the style change.<br />
<div style="width:230; <br />
height:100; <br />
background-color:beige"<br />
onmouseover="this.className="style1""<br />
onmouseout="this.className="style2"">This is a div element.<br />
</div><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==border-width: medium==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br />
<head><br />
<title>border-width</title><br />
<style rel="stylesheet" type="text/css"><br />
div {<br />
padding: 3px;<br />
border-color: black;<br />
border-style: solid;<br />
background: mistyrose;<br />
margin: 5px;<br />
}<br />
div#medium {<br />
border-width: medium;<br />
} <br />
</style><br />
</head><br />
<body><br />
<div id="medium">medium</div><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==border width: medium solid black==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html><br />
<head><br />
<title></title><br />
<style type="text/css"><br />
div {<br />
padding: 10px;<br />
margin: 10px;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div style="border: medium solid black;"><br />
border-width: medium;<br />
</div><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==border width shorthand with three values==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html><br />
<head><br />
<title></title><br />
<style type="text/css"><br />
p {<br />
margin: 20px;<br />
padding: 20px;<br />
width: 200px;<br />
border-width: thin medium thick;<br />
border-style: solid dashed dotted;<br />
}<br />
</style><br />
</head><br />
<body><br />
<p><br />
This is a test. This is a test. <br />
</p><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==border width shorthand with two values==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html><br />
<head><br />
<title></title><br />
<style type="text/css"><br />
p {<br />
margin: 20px;<br />
padding: 20px;<br />
width: 200px;<br />
border-width: thin thick;<br />
border-style: solid dotted;<br />
}<br />
</style><br />
</head><br />
<body><br />
<p><br />
This is a test. This is a test. <br />
</p><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==border-width: thick==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br />
<head><br />
<title>border-width</title><br />
<style rel="stylesheet" type="text/css"><br />
div {<br />
padding: 3px;<br />
border-color: black;<br />
border-style: solid;<br />
background: mistyrose;<br />
margin: 5px;<br />
}<br />
div#thick {<br />
border-width: thick;<br />
} <br />
</style><br />
</head><br />
<body><br />
<div id="thick">thick</div><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==border width: thick solid black==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html><br />
<head><br />
<title></title><br />
<style type="text/css"><br />
div {<br />
padding: 10px;<br />
margin: 10px;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div style="border: thick solid black;"><br />
border-width: thick;<br />
</div><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==border-width: thin==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br />
<head><br />
<title>border-width</title><br />
<style rel="stylesheet" type="text/css"><br />
div {<br />
padding: 3px;<br />
border-color: black;<br />
border-style: solid;<br />
background: mistyrose;<br />
margin: 5px;<br />
}<br />
div#thin {<br />
border-width: thin;<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<div id="thin">thin</div><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==border-width: thin medium 30px thick;==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html><br />
<head><br />
<title></title><br />
<style type="text/css"><br />
p {<br />
margin: 20px;<br />
padding: 20px;<br />
width: 200px;<br />
border-width: thin medium 30px thick;<br />
border-style: solid dashed double dotted;<br />
}<br />
</style><br />
</head><br />
<body><br />
<p><br />
This is a test. This is a test. <br />
</p><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==border-width: thin medium thick;==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html><br />
<head><br />
<title></title><br />
<style type="text/css"><br />
p {<br />
margin: 20px;<br />
padding: 20px;<br />
width: 200px;<br />
border-width: thin medium thick;<br />
border-style: solid dashed dotted;<br />
}<br />
</style><br />
</head><br />
<body><br />
<p><br />
This is a test. This is a test. <br />
</p><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==border width: thin solid black==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html><br />
<head><br />
<title></title><br />
<style type="text/css"><br />
div {<br />
padding: 10px;<br />
margin: 10px;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div style="border: thin solid black;"><br />
border-width: thin;<br />
</div><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==border-width: thin thick;==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html><br />
<head><br />
<title></title><br />
<style type="text/css"><br />
p {<br />
margin: 20px;<br />
padding: 20px;<br />
width: 200px;<br />
border-width: thin thick;<br />
border-style: solid dotted;<br />
}<br />
</style><br />
</head><br />
<body><br />
<p><br />
This is a test. This is a test. <br />
</p><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==Border width with four values==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br />
<head><br />
<title>border-width</title><br />
<style rel="stylesheet" type="text/css"><br />
div {<br />
padding: 3px;<br />
border-color: khaki;<br />
border-style: solid;<br />
background: lightyellow;<br />
margin: 5px;<br />
float: left;<br />
width: 50px;<br />
height: 50px;<br />
}<br />
div#four {<br />
border-width: 2px 4px 8px 10px;<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<div id="four"></div><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==Border width with one value==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br />
<head><br />
<title>border-width</title><br />
<style rel="stylesheet" type="text/css"><br />
div {<br />
padding: 3px;<br />
border-color: khaki;<br />
border-style: solid;<br />
background: lightyellow;<br />
margin: 5px;<br />
float: left;<br />
width: 50px;<br />
height: 50px;<br />
}<br />
div#one {<br />
border-width: 4px;<br />
} <br />
<br />
</style><br />
</head><br />
<body><br />
<div id="one"></div><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==Border width with three values==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br />
<head><br />
<title>border-width</title><br />
<style rel="stylesheet" type="text/css"><br />
div {<br />
padding: 3px;<br />
border-color: khaki;<br />
border-style: solid;<br />
background: lightyellow;<br />
margin: 5px;<br />
float: left;<br />
width: 50px;<br />
height: 50px;<br />
}<br />
div#three {<br />
border-width: 2px 4px 8px;<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<div id="three"></div><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==Border width with two values==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br />
<head><br />
<title>border-width</title><br />
<style rel="stylesheet" type="text/css"><br />
div {<br />
padding: 3px;<br />
border-color: khaki;<br />
border-style: solid;<br />
background: lightyellow;<br />
margin: 5px;<br />
float: left;<br />
width: 50px;<br />
height: 50px;<br />
}<br />
div#two {<br />
border-width: 8px 4px;<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<div id="two"></div><br />
</body><br />
</html><br />
</source></div>
Admin