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 vote217 views4 answers
How to pass html number to css
CSS
0 vote208 views1 answer
Css display flex white-space: nowrap;
CSS
9 votes214 views1 answer
Image background html css tricks
CSS
50 votes205 views6 answers
Css align center
CSS
62 votes189 views3 answers
Css root variables
CSS
66 votes199 views6 answers
Remove bullets from list css
CSS
7 votes195 views2 answers
Css font families
CSS
4 votes233 views1 answer
Move button in CSS
CSS
8 votes235 views2 answers
How to add border in css
CSS
4 votes201 views1 answer
Height 100% of the screen
CSS