Backgrounds — Background Repeat — 《Tailwind CSS v3.0 Documentation》
- Background Repeat
- Quick reference
- Basic usage
- Repeat
- No Repeat
- Repeat Horizontally
- Repeat Vertically
- Applying conditionally
- Наведение, фокус и другие состояния
- Точки останова и медиазапросы
Фон
Утилиты для управления повторением фонового изображения элемента.
Краткий справочник
Класс | Свойства |
|---|---|
| bg-repeat | background-repeat | 900:55 background-repeat;
| bg-no-repeat | background-repeat: без повтора; |
| bg-repeat-x | background-repeat: повтор-x; |
| bg-repeat-y | background-repeat: повтор-y; |
| бг-повторить-раунд | повтор фона: круглый; |
| bg-repeat-space | background-repeat: пробел; |
Основное использование
Повтор
Используйте bg-repeat для повторения фонового изображения как по вертикали, так и по горизонтали.
Нет повтора
Используйте bg-no-repeat , если вы не хотите повторять фоновое изображение.
Повторить по горизонтали
Используйте bg-repeat-x для повторения фонового изображения только по горизонтали.
Повторить по вертикали
Используйте bg-repeat-y для повторения фонового изображения только по вертикали.
<дел>
Условное применение
Наведение, фокус и другие состояния
Попутный ветер позволяет условно применять служебные классы в различных состояниях с помощью модификаторов вариантов. Например, используйте hover:bg-repeat-x , чтобы применять утилиту bg-repeat-x только при наведении.