Величина позадине - ЦСС-трикови

Anonim

background-sizeИмовина у ЦСС је једна од најкориснијих - и најсложенији - од позадине својстава. Постоји много варијација и различитих синтакса које можете користити за ово својство, а све имају различите примере употребе. Ево основног примера:

html ( background: url(greatimage.jpg.webp); background-size: 300px 100px; )

То је пример синтаксе са две вредности за величину позадине. Постоје четири различите синтаксе које можете да користите са овим својством: синтакса кључне речи, синтакса са једном вредношћу, синтакса са две вредности и синтакса са више позадина.

Кључне речи

Поред подразумеване вредности ( auto), постоје две кључне речи са којима можете да користите background-size: coverиcontain

Погледајте величину позадине оловке од ЦСС-Трицкс (@ цсс-трицкс) на ЦодеПен-у.

Повезан

  • позадина-прилог
  • позадина-исечак
  • боја позадине
  • позадинска слика
  • позадина-порекло
  • позадина-положај
  • позадина-понављање

Више ресурса

  • ЦСС3 Спец
  • МДН

Подршка прегледача

Хром Сафари Фирефок Опера ИЕ Андроид иОС
3+ 4.1+ 3.6+ 10+ 9+ 2.3+ 4.0+