Position a CSS background image x pixels from the right?

by 
background-position: right 30px center;

It works in most browsers. See: http://caniuse.com/#feat=css-background-offsets for full list.

More information: http://www.w3.org/TR/css3-background/#the-background-position

More Related Contents:

  1. Could someone explain this CSS code?
  2. How do I hide an element when printing a web page?
  3. ::slotted CSS selector for nested children in shadowDOM slot
  4. Aligning grid items across the entire row/column (like flex items can)
  5. How can I force browsers to print background images in CSS?
  6. Is there any way to hover over one element and affect a different element? [duplicate]
  7. Is embedding background image data into CSS as Base64 good or bad practice?
  8. How to change an input button image using CSS
  9. Make the first character Uppercase in CSS
  10. Bootstrap: how to stack divs of different heights?
  11. SASS: randomly pick background-image from a list
  12. Can CSS force a line break after each word in an element?
  13. How to make a footer fixed in the page bottom
  14. Height 100% on flexbox column child [duplicate]
  15. Is there a workaround to make CSS classes with names that start with numbers valid? [duplicate]
  16. Align two inline-blocks left and right on same line
  17. What bug does zoom:1; fix in CSS?
  18. bootstrap 3 responsive table with fixed first column
  19. CSS Selector for nth range?
  20. box-sizing support in IE7
  21. CSS selector (id contains part of text)
  22. CSS3 ::selection behaves differently in FF & Chrome
  23. Blocky gradient effect in CSS3
  24. Two Divs next to each other, that then stack with responsive change
  25. I want to vertical-align text in select box
  26. When does CSS’s !important declaration not work?
  27. Sub-Pixels calculated and rendered differently among browsers
  28. Arrow Box with CSS
  29. Fill only Half a star with SVG
  30. CSS shorthand vs longhand?

Leave a Comment