Background css repeating style

View previous topic View next topic Go down

Background css repeating style

Post by jamied_uk on 10th December 2013, 09:57

Specifies how to tile the background-image relative to the upper-left corner of the container object.
With this property you have control over how the image is repeated (repeats vertically, horizontally, in both or in neither direction).

JavaScript page for this property: backgroundRepeat. You can find other example(s) there.
Possible values:
 One of the following values: 
inherit
Takes the value of this property from the computed style of the parent element.
no-repeat
Image is not repeated.
repeat
Default. Image is repeated both horizontally and vertically.
repeat-x
Image is only repeated horizontally.
repeat-y
Image is only repeated vertically.
Default: repeat.
Example HTML code 1:
This example illustrates the use of the background-repeat property:





The background image,


behind this element


is repeated vertically


and horizontally, too.

Did you find this example helpful? yes no
Example HTML code 2:
This example illustrates all available repetitions of the background image in action:





The background image


behind this element


is not repeated


in any direction.





The background image


behind this element


is repeated only


in horizontal direction.





The background image


behind this element


is repeated only


in vertical direction.





The background image


behind this element


is repeated in both


directions.

Did you find this example helpful? yes no
Supported by tags:
a, abbr, acronym, address, b, bdo, big, blink, blockQuote, body, button, caption, center, cite, code, col, colGroup, dd, del, dfn, dir, div, dl, dt, em, fieldSet, font, form, frame, frameSet, H1, H2, H3, H4, H5, H6, hr, html, i, iframe, img, input:button, input:checkbox, input:file, input:image, input:password, input:radio, input:range, input:reset, input:search, input:submit, input:text, ins, isIndex, kbd, label, legend, li, listing, marquee, menu, nobr, ol, p, plainText, pre, q, rt, ruby, s, samp, select, small, span, strike, strong, sub, sup, table, tBody, td, textArea, tFoot, th, tHead, tr, tt, u, ul, var, xmp
Related pages:
background
background-attachment
background-color
background-image
background-position
background-position-x
background-position-y
External links:
background-repeat (MSDN)
background-repeat (Mozilla Developer Center)
background-repeat (Safari Reference Library)
background-repeat (W3C)




Found at http://help.dottoro.com/lcfdurvk.php
avatar
jamied_uk
Admin

Posts : 2155
Join date : 2010-05-09
Age : 34
Location : UK

http://address-shortner.co.uk

Back to top Go down

View previous topic View next topic Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum