Background image height and width

Background image size css

#example1 {
  background: url(mountain.jpg);
  background-repeat: no-repeat;
  background-size: auto;
}

#example2 {
  background: url(mountain.jpg);
  background-repeat: no-repeat;
  background-size: 300px 100px;
}

How to set background image 100 height

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

Source: css-tricks.com

How to change the width of a background image in css

#example1 {		/* Example1 has an auto background size */
  background: url(mountain.jpg);
  background-repeat: no-repeat;
  background-size: auto;
}

#example2 {		/* Example2 has an fixed background size */
  background: url(mountain.jpg);
  background-repeat: no-repeat;
  background-size: 300px 100px;
}

Background image height and width

.class{
	background: url("../images/icons/map.png") no-repeat center center/50px 50px fixed;
}

Similar codes

0 vote214 views1 answer
Very responsive grid layout
CSS
0 vote228 views1 answer
Music-metadata-browser Buffer is not defined
CSS
-1 vote184 views1 answer
How to do text center of select element
CSS
16 votes216 views2 answers
Not last child css
CSS
10 votes195 views1 answer
Css when click select another class
CSS
0 vote226 views1 answer
Use flex in container with multiple components
CSS
0 vote210 views1 answer
Css chess pieces
CSS
1 vote213 views1 answer
Circle css with text in the center
CSS
2 votes164 views1 answer
Xpath vs css selector
CSS
0 vote235 views2 answers
Fixed footer in Bootstrap
CSS Bootstrap