Changes

Jump to: navigation, search

CSS GUIDE BACKGROUND-POSITION-X

191 bytes removed, 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) or top (y) edges of the background image specified with the background-image attribute.
<br>
This tag allows the user to specify the percentage of the block-level element's box width or height (respectively) at which the image (or repeated images) begins. Instead of percentages, you can specify length values (in the unit of measure that best suits the medium). In lieu of the numerical values, you may use one axis-specific constant value per attribute.
<br>
'''Inherited: No'''
== 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>
Cbguy1
1
edit
Retrieved from "https://wiki.cdot.senecapolytechnic.ca/wiki/Special:MobileDiff/8378...8428"

Navigation menu