в 10:02, 26 мая 2010

2010-05-26T10:02:30Z

Admin: 1 версия

2010-05-26T07:28:06Z

1 версия

Новая страница

* [[JavaScript DHTML/Style Layout/Align | Align]]
* [[JavaScript DHTML/Style Layout/Background | Background]]
* [[JavaScript DHTML/Style Layout/Border | Border]]
* [[JavaScript DHTML/Style Layout/Bounding Client | Bounding Client]]
* [[JavaScript DHTML/Style Layout/Bounds | Bounds]]
* [[JavaScript DHTML/Style Layout/Clear | Clear]]
* [[JavaScript DHTML/Style Layout/Client | Client]]
* [[JavaScript DHTML/Style Layout/Clip | Clip]]
* [[JavaScript DHTML/Style Layout/Color | Color]]
* [[JavaScript DHTML/Style Layout/Margin | Margin]]
* [[JavaScript DHTML/Style Layout/Offset | Offset]]
* [[JavaScript DHTML/Style Layout/Page | Page]]
* [[JavaScript DHTML/Style Layout/Rule | Rule]]
* [[JavaScript DHTML/Style Layout/Space | Space]]
* [[JavaScript DHTML/Style Layout/Units | Units]]
* [[JavaScript DHTML/Style Layout/Width | Width]]
* [[JavaScript DHTML/Style Layout/getClientRects | getClientRects]]
* [[JavaScript DHTML/Style Layout/hasLayout | hasLayout]]
* [[JavaScript DHTML/Style Layout/height | height]]
* [[JavaScript DHTML/Style Layout/left | left]]
* [[JavaScript DHTML/Style Layout/lineHeight | lineHeight]]
* [[JavaScript DHTML/Style Layout/noWrap | noWrap]]
* [[JavaScript DHTML/Style Layout/paddingLeft | paddingLeft]]
* [[JavaScript DHTML/Style Layout/paddingTop | paddingTop]]
* [[JavaScript DHTML/Style Layout/position | position]]
* [[JavaScript DHTML/Style Layout/textDecoration | textDecoration]]
* [[JavaScript DHTML/Style Layout/top | top]]
* [[JavaScript DHTML/Style Layout/visibility | visibility]]

==div.style.fontFamily="Verdana";==



<source lang="html4strict">

<html>
<head>
<title>PrettyPretty</title>
<script type="text/javascript">
document.onclick=changeElement;
function changeElement() {
var div = document.getElementById("div1");
div.style.backgroundColor="#00f";
div.style.width="500px";
div.style.color="#fff";
div.style.height="200px";
div.style.paddingLeft="50px";
div.style.paddingTop="50px";
div.style.fontFamily="Verdana";
div.style.fontSize="2em";
div.style.border="3px dashed #ff0";
div.style.position="absolute";
div.style.left="200px";
div.style.top="100px";
div.style.textDecoration="underline";
}
</script>
</head>
<body>
<div id="div1">
This is a DIV element. Click me to see the change.
</div>
</body>
</html>

</source>

==div.style.fontSize="2em";==



<source lang="html4strict">

<html>
<head>
<title>PrettyPretty</title>
<script type="text/javascript">
document.onclick=changeElement;
function changeElement() {
var div = document.getElementById("div1");
div.style.backgroundColor="#00f";
div.style.width="500px";
div.style.color="#fff";
div.style.height="200px";
div.style.paddingLeft="50px";
div.style.paddingTop="50px";
div.style.fontFamily="Verdana";
div.style.fontSize="2em";
div.style.border="3px dashed #ff0";
div.style.position="absolute";
div.style.left="200px";
div.style.top="100px";
div.style.textDecoration="underline";
}
</script>
</head>
<body>
<div id="div1">
This is a DIV element. Click me to see the change.
</div>
</body>
</html>

</source>

==div.style.fontSize="larger";==



<source lang="html4strict">

<html>
<head>
<title>PrettyPretty</title>
<script type="text/javascript">
function bigger() {
var div = document.getElementById("div1");
div.style.fontSize="larger";
div.style.letterSpacing="10px";
div.style.textAlign="justify";
div.style.textTransform="uppercase";
div.style.fontSize="xx-large";
div.style.fontWeight="900";
div.style.lineHeight="40px";
}
function smaller() {
var div = document.getElementById("div1");
div.style.fontSize="smaller";
div.style.letterSpacing="normal";
div.style.textAlign="left";
div.style.textTransform="none";
div.style.fontSize="medium";
div.style.fontWeight="normal";
div.style.lineHeight="normal";
}
</script>
</head>
<body>
<a href="javascript:bigger();">bigger</a>
<a href="javascript:smaller();">smaller</a>
<div id="div1">
<p>p1</p>
<p>p2</p>
</div>
</body>
</html>

</source>

==div.style.fontWeight="900";==



<source lang="html4strict">

<html>
<head>
<title>PrettyPretty</title>
<script type="text/javascript">
function bigger() {
var div = document.getElementById("div1");
div.style.fontSize="larger";
div.style.letterSpacing="10px";
div.style.textAlign="justify";
div.style.textTransform="uppercase";
div.style.fontSize="xx-large";
div.style.fontWeight="900";
div.style.lineHeight="40px";
}
function smaller() {
var div = document.getElementById("div1");
div.style.fontSize="smaller";
div.style.letterSpacing="normal";
div.style.textAlign="left";
div.style.textTransform="none";
div.style.fontSize="medium";
div.style.fontWeight="normal";
div.style.lineHeight="normal";
}
</script>
</head>
<body>
<a href="javascript:bigger();">bigger</a>
<a href="javascript:smaller();">smaller</a>
<div id="div1">
<p>p1</p>
<p>p2</p>
</div>
</body>
</html>

</source>

==Font face==



<source lang="html4strict">

<html>
<body>
<font id="myElement">Sample Text</font><br>
<button onclick="myElement.face="courier";">Courier Font</button>
<button onclick="myElement.face="arial";">Arial Font</button>
</body>
</html>

</source>

==Font size==



<source lang="html4strict">

<html>
<body>
<font id="myFont" size="2">This is a Font size 2</font>
<button onclick="myFont.size = 4;">Make the Size 4</button>
</body>
</html>

</source>

← Предыдущая	Версия 10:02, 26 мая 2010
(нет различий)

JavaScript DHTML/Style Layout - История изменений

в 10:02, 26 мая 2010

Admin: 1 версия