http://wbex.ru/index.php?action=history&feed=atom&title=HTML%2FCSS%2FCSS_Attributes_and_Javascript_Style_Properties%2Fdisplay
HTML/CSS/CSS Attributes and Javascript Style Properties/display - История изменений
2026-04-04T07:22:53Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=HTML/CSS/CSS_Attributes_and_Javascript_Style_Properties/display&diff=4960&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/display&diff=4961&oldid=prev
Admin: 1 версия
2010-05-26T08:16:10Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==display: block==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<?xml version="1.0" encoding="iso-8859-1"?><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title>CSS Example</title><br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><br />
<style rel="stylesheet" type="text/css"><br />
code {<br />
display: block;<br />
}<br />
</style><br />
</head><br />
<body><br />
<p>the <code>write()</code> <code>onload</code> </p><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
=="display" 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 />
display:none <br />
}<br />
</style><br />
<script language="JavaScript"><br />
function function1() {<br />
item1.style.display="";<br />
item2.style.display="none";<br />
item3.style.display="none";<br />
}<br />
function function2() {<br />
item1.style.display="none";<br />
item2.style.display="";<br />
item3.style.display="none";<br />
}<br />
function function3() {<br />
item1.style.display="none";<br />
item2.style.display="none";<br />
item3.style.display="";<br />
} <br />
function function5() {<br />
item1.style.display="";<br />
item2.style.display="";<br />
item3.style.display="";<br />
}<br />
function function6() {<br />
item1_1.style.visibility="visible";<br />
item2_1.style.visibility="visible";<br />
item3_1.style.visibility="visible";<br />
}<br />
</script><br />
</head><br />
<body><br />
<table cellspacing=5 cellpadding=5 border=2><br />
<tr><br />
<th>header 1</th><br />
<th>header 2</th><br />
<th>Header 3</th><br />
</tr> <br />
<tr id="item1"><br />
<td>Cars</td><br />
<td id="item1_1">item 1</td><br />
<td>item 2</td><br />
</tr><br />
<tr id="item2"><br />
<td>item 3</td><br />
<td id="item2_1">item 4</td><br />
<td>High</td><br />
</tr><br />
<tr id="item3"><br />
<td>item 5</td><br />
<td id="item3_1">item 6</td><br />
<td>Slow</td><br />
</tr><br />
</table><br />
<p><br />
<input type=button style="width:175" onclick="function1()" value="Show some "><br />
<input type=button style="width:175" onclick="function2()" value="Show some other"><br />
<input type=button style="width:175" onclick="function3()" value="Show some other else"><br />
<input type=button style="width:175" onclick="function6();function5()" value="Reset"><br />
<ul><br />
<li onclick="className="style1"">Item 1 ? Double-click me</li><br />
<li onclick="className="style1"">Item 2</li><br />
<li onclick="className="style1"">Item 3</li><br />
<li onclick="className="style1"">Item 4</li><br />
<li onclick="className="style1"">Item 5</li><br />
</ul><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==display: inline==<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/div/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br />
<head><br />
<title>font-size</title><br />
<style type="text/css"><br />
body {<br />
font-family: "Rockwell";<br />
}<br />
h1, h2, h3, h4, h5, h6 {<br />
display: inline;<br />
margin: 0;<br />
font-weight: normal;<br />
} <br />
</style><br />
</head><br />
<body><br />
<div><br />
<h1>&lt;h1&gt;</h1><br />
<span style="font-size: 24pt;"><br />
font-size: 24pt;<br />
</span><br />
</div><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==display: none==<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"><br />
<head><br />
<title></title><br />
<style type="text/css"><br />
#navsite p {<br />
display: none;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div id="navsite"><br />
<p>Site navigation:</p><br />
<ul><br />
<li><a href="">Home</a></li><br />
<li><a href="">About</a></li> <br />
<li><a href="">Archives</a></li><br />
<li><a href="">Writing</a></li><br />
<li><a href="">Speaking</a></li><br />
<li><a href="">Contact</a></li><br />
</ul><br />
</div><br />
</body><br />
</html><br />
</source></div>
Admin