Changes

Jump to: navigation, search

CSS GUIDE BACKGROUND-POSITION-X

211 bytes added, 15:11, 13 December 2006
Usage Examples
span style="margin:0;background:#ffff33;font-size:120%;font-weight:bold;border:1px solid #a3b0bf;text-align:left;color:#000;padding:0.2em 0.4em;">This document is a work in progress and is subject to change.</span><br /><br />
== Summary ==
Establish the location of the left (x) with the background-image attribute.<br><br>
'''Inherited: No'''
Establish the location of the left (x) or top (y) edges of the background image specified with the background-image attribute<br>'''Initial Value''' 0%
== Syntax ==
borderbackground-styleposition-x: value optionalvalue2 optionalvalue3 optionalvalue4[percentage | length] | [left | center | right ]
== Legal Values ==
<th>Value</th>
<th>Description</th>
</tr>
 
<tr>
<td>percentage</td>
<td>percentage of the block level element</td>
</tr>
 
<tr>
<td>length</td>
<td>length values (in the unit of measure that best suits the medium</td>
</tr>
 
 
<tr>
<td>left</td>
<td>aligns object to the left on the x - axis</td>
</tr>
 
<tr>
<td>centre</td>
<td>aligns object to the centre on the x - axis</td>
</tr>
 
<tr>
<td>right</td>
<td>aligns object to the right on the x - axis</td>
</tr>
== Usage Examples ==
<pre>p Ext/Doc: body {borderbackground-styleimage: url(http: dotted}</pre>/www.foo.com/image.gif);All four borders will be dotted. background-repeat: repeat-y;<pre>p{border background-position-stylex: dotted dashedcenter }</pre>
== Notes ==
 
This tag applies to Applies to block-level and replaced elements.
== Specification Conformance ==
CSS1 Conformance:
== Browser Compatibility ==
 Browser Compatibility: IE 4+ / NN 4+Works on all browsers.
== See Also ==
 [http://zenitwww.senecacyasininat.on.cacom/wikiref/index.php?title=CSS_GUIDE_BORDER_STYLE&actionref=editcss&sectionp=9 background-position-x Border Style Cascade Style Sheets PropertiesCSS Background Position X]<br>
1
edit

Navigation menu