Cet utilitaire applique une ou plusieurs images de fond à un élément, permettant des effets visuels décoratifs ou informatifs.
| Classe |
Styles |
| bg-[<valeur>] |
background-image: <valeur>; |
| bg-(image:<propriete-personnalisee>) |
background-image: var(<propriete-personnalisee>); |
| bg-none |
background-image: none; |
| bg-linear-to-t |
background-image: linear-gradient(to top, var(--tw-gradient-stops)); |
| bg-linear-to-tr |
background-image: linear-gradient(to top right, var(--tw-gradient-stops)); |
| bg-linear-to-r |
background-image: linear-gradient(to right, var(--tw-gradient-stops)); |
| bg-linear-to-br |
background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); |
| bg-linear-to-b |
background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); |
| bg-linear-to-bl |
background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); |
| bg-linear-to-l |
background-image: linear-gradient(to left, var(--tw-gradient-stops)); |
| bg-linear-to-tl |
background-image: linear-gradient(to top left, var(--tw-gradient-stops)); |
| bg-linear-<angle> |
background-image: linear-gradient(<angle> in oklab, var(--tw-gradient-stops)); |
| -bg-linear-<angle> |
background-image: linear-gradient(-<angle> in oklab, var(--tw-gradient-stops)); |
| bg-linear-(<propriete-personnalisee>) |
background-image: linear-gradient(var(--tw-gradient-stops, var(<propriete-personnalisee>))); |
| bg-linear-[<valeur>] |
background-image: linear-gradient(var(--tw-gradient-stops, <valeur>)); |
| bg-radial |
background-image: radial-gradient(in oklab, var(--tw-gradient-stops)); |
| bg-radial-(<propriete-personnalisee>) |
background-image: radial-gradient(var(--tw-gradient-stops, var(<propriete-personnalisee>))); |
| bg-radial-[<valeur>] |
background-image: radial-gradient(var(--tw-gradient-stops, <valeur>)); |
| bg-conic-<angle> |
background-image: conic-gradient(from <angle> in oklab, var(--tw-gradient-stops)); |
| -bg-conic-<angle> |
background-image: conic-gradient(from -<angle> in oklab, var(--tw-gradient-stops)); |
| bg-conic-(<propriete-personnalisee>) |
background-image: var(<propriete-personnalisee>); |
| bg-conic-[<valeur>] |
background-image: <valeur>; |
| from-<couleur> |
--tw-gradient-from: <couleur>; |
| from-<percentage> |
--tw-gradient-from-position: <percentage>; |
| from-(<propriete-personnalisee>) |
--tw-gradient-from: var(<propriete-personnalisee>); |
| from-[<valeur>] |
--tw-gradient-from: <valeur>; |
| via-<couleur> |
--tw-gradient-via: <couleur>; |
| via-<pourcentage> |
--tw-gradient-via-position: <pourcentage>; |
| via-(<propriete-personnalisee>) |
--tw-gradient-via: var(<propriete-personnalisee>); |
| via-[<valeur>] |
--tw-gradient-via: <valeur>; |
| to-<couleur> |
--tw-gradient-to: <couleur>; |
| to-<pourcentage> |
--tw-gradient-to-position: <pourcentage>; |
| to-(<propriete-personnalisee>) |
--tw-gradient-to: var(<propriete-personnalisee>); |
| to-[<valeur>] |
--tw-gradient-to: <valeur>; |
