HTML CSS Reference/CSS Attributes and Javascript Style Properties/background position x
Версия от 09:21, 26 мая 2010; (обсуждение)
Содержание
"background-position-x" Example
<html>
<head>
</head>
<body>
<div style="background:blue url(http://www.wbex.ru/style/logo.png) repeat top left;
width:200;
border:3;
height:150; font-size:14">www.wbex.ru</div>
<br><br><br><br><br><br><br><br><br>
<div style="background-color:red;
background-attachment:fixed;
background-image:url(http://www.wbex.ru/style/logo.png);
background-repeat:repeat;
background-position-x:top;
background-position-y:left;
width:200;
border:3;
height:150;
font-size:14">www.wbex.ru</div>
Text
</body>
</html>
"background-position-x" is applied to
+----------------+--------------------------------------------------------------+
| Applied_To |<a> <address> |
| |<b> <big> |
| |<blockquote> <body> |
| |<button> <caption> |
| |<center> <cite> |
| |<code> <col> |
| |<colgroup> <custom> |
| |<dd> defaults |
| |<dfn> <dir> |
| |<div> <dl> |
| |<dt> <em> |
| |<fieldset> <form> |
| |<hn> <html> |
| |<i> <img> |
| |<inputtype="button"> <input type="checkbox"> |
| |<input type="file"> <input type="image"> |
| |<input type="password"> <input type="radio"> |
| |<input type="reset"> <inputtype="submit"> |
| |<input type="text"> <isindex> |
| |<kbd> <label> |
| |<legend> <li> |
| |<listing> <marquee> |
| |<menu> <ol> |
| |<p> <pre> |
| |runtimeStyle <s> |
| |<samp> <small> |
| |<span> <strike> |
| |<strong> style |
| |<sub> <sup> |
| |<table> <tbody> |
| |<td> <textarea> |
| |<tfoot> <th> |
| |<thead> <tr> |
| |<tt> <u> |
| |<ul> <var> |
| |<xmp> |
+----------------+--------------------------------------------------------------+
"background-position-x" Possible Values
Possible Values
length A floating-point number followed by a unit designator.
percentage percent is based on the height and width of the element.
constant left, center, or right for the horizontal alignment
and top, center, or bottom for the vertical alignment
"background-position-x" Syntax and Note
Note:
Set the horizontal coordinate the left position.
Syntax:
element { background-position-x: value }
elementID.style.backgroundPositionX = "value"
document.all.elementID.style.backgroundPositionX = "value"