Url images bg_bmkd.png no-repeat center top
What are other options for center center? I would like to center horizontally, but the top of the image should still be the top of the jumbotron. I'm not sure how to achieve this. Any help will be much appreciated. Show The By default, the repeated images are clipped to the size of the element, but they can be scaled to fit (using
The one-value syntax is a shorthand for the full two-value syntax: Single value Two-value equivalent`repeat-x` background-repeat =
hash%5Fmark)single%5Fbar)repeat-y [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntax single%5Fbar)[[](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntax brackets) repeat [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) space [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) round [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) no-repeat []](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxbrackets)[{1,2}](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxcurly%5Fbraces)0 background-repeat =
hash%5Fmark)single%5Fbar)repeat-y [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntax single%5Fbar)[[](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntax brackets) repeat [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) space [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) round [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) no-repeat []](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxbrackets)[{1,2}](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxcurly%5Fbraces)1 background-repeat =
hash%5Fmark)single%5Fbar)repeat-y [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntax single%5Fbar)[[](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntax brackets) repeat [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) space [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) round [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) no-repeat []](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxbrackets)[{1,2}](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxcurly%5Fbraces)2 background-repeat =
hash%5Fmark)single%5Fbar)repeat-y [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntax single%5Fbar)[[](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntax brackets) repeat [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) space [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) round [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) no-repeat []](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxbrackets)[{1,2}](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxcurly%5Fbraces)3`space` background-repeat =
hash%5Fmark)single%5Fbar)repeat-y [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntax single%5Fbar)[[](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntax brackets) repeat [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) space [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) round [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) no-repeat []](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxbrackets)[{1,2}](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxcurly%5Fbraces)5`round` background-repeat =
hash%5Fmark)single%5Fbar)repeat-y [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntax single%5Fbar)[[](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntax brackets) repeat [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) space [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) round [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) no-repeat []](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxbrackets)[{1,2}](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxcurly%5Fbraces)7 background-repeat =
hash%5Fmark)single%5Fbar)repeat-y [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntax single%5Fbar)[[](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntax brackets) repeat [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) space [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) round [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) no-repeat []](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxbrackets)[{1,2}](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxcurly%5Fbraces)8 background-repeat =
hash%5Fmark)single%5Fbar)repeat-y [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntax single%5Fbar)[[](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntax brackets) repeat [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) space [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) round [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) no-repeat []](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxbrackets)[{1,2}](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxcurly%5Fbraces)9 In the two-value syntax, the first value represents the horizontal repetition behavior and the second value represents the vertical behavior. Here is an explanation of how each option works for either direction: background-repeat =
hash%5Fmark)single%5Fbar)repeat-y [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntax single%5Fbar)[[](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntax brackets) repeat [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) space [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) round [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) no-repeat []](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxbrackets)[{1,2}](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxcurly%5Fbraces)2 The image is repeated as much as needed to cover the whole background image painting area. The last image will be clipped if it doesn't fit.
2 property is ignored unless only one image can be displayed without clipping. The only case where clipping happens using background-repeat =
hash%5Fmark)single%5Fbar)repeat-y [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntax single%5Fbar)[[](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntax brackets) repeat [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) space [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) round [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) no-repeat []](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxbrackets)[{1,2}](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxcurly%5Fbraces)8 The image is not repeated (and hence the background image painting area will not necessarily be entirely covered). The position of the non-repeated background image is defined by the
2 CSS property. Initial value background-repeat =
hash%5Fmark)single%5Fbar)repeat-y [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntax single%5Fbar)[[](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntax brackets) repeat [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) space [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) round [|](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxsingle%5Fbar) no-repeat []](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxbrackets)[{1,2}](https://developer.mozilla.org/en-US/docs/Web/CSS/Value%5Fdefinition%5Fsyntaxcurly%5Fbraces)2Applies toall elements. It also applies to
8 and
9.InheritednoComputed valuea list, each item consisting of two keywords, one per dimensionAnimation typediscrete How do I make the background image not repeat in CSS header?The CSS background-repeat is what you're looking for. If you want the background image not to repeat at all, use background-repeat: no-repeat; . Good luck! What does background[Syntax] background-repeat: repeat | repeat-x | repeat-y | no-repeat. repeat: The image is repeated both horizontally and vertically. repeat-x: The image is repeated horizontally only. repeat-y: The image is repeated vertically only. no-repeat: The image is not repeated: only one copy of the image is drawn. How do I make an image not repeat in HTML?To avoid the background image from repeating itself, set the background-repeat property to no-repeat . How do I remove a repetition of background image in HTML?Here's an example that shows how to use these properties to customize the background image:. . |