/CSS/How to change the width of a background image in css

How to change the width of a background image in css

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 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

1 vote115 views2 answers
Styles only for IE
CSS
0 vote111 views1 answer
Enque script only on specific archive page
CSS
0 vote114 views2 answers
To convert categorical data to numerical
CSS
68 votes105 views5 answers
Jquery css
CSS
0 vote108 views1 answer
Locale_translation_projects_alter
CSS
-1 vote122 views1 answer
How to make div position top in css
CSS
202 votes258 views6 answers
How to reference a css file in html
CSS
0 vote71 views1 answer
Easyui datagrid header wrap
CSS
0 vote129 views1 answer
Inine css
CSS
65 votes112 views3 answers
Css variables
CSS