transition-propertyNuosavybė, paprastai naudojamas kaip dalis transitionsutrumpinta, yra naudojamas apibrėžti kokį turtą arba NT, norite taikyti pereinamąjį efektą.
Tai daroma nurodant turto pavadinimą kaip vertę:
.example ( transition-property: color; )Vertė gali būti viena iš šių:
- Vienas nuosavybės pavadinimas, kaip aukščiau pateiktame pavyzdyje
- Kableliais atskirtas nuosavybių pavadinimų sąrašas (trumpasis arba ilgasis), skirtas perkelti kelias vieno elemento ypatybes
- Raktinis žodis
none, nurodantis, kad jokia nuosavybė nepereis - Raktinis žodis
all, nurodantis, kad visos ypatybės pereis (numatytasis)
Kai kableliais atskirti vertėmis, ypatybių pavadinimai yra iš esmės susietas su kitų apibrėžtų pereinamųjų savybių ( transition-timing-function, transition-duration, ir transition-delay). Tai reiškia, kad jei kableliais atskirtų ypatybių sąraše yra vienas ar daugiau neteisingų ypatybių pavadinimų, kitos ypatybės vis tiek pereis ir susietos su numatytomis susijusiomis perėjimo ypatybėmis.
Specifikacija tai apibūdina sakydama:
„(U) neatpažintos arba negyvenamos savybės turi būti laikomos sąraše, kad būtų išlaikytas indeksų atitikimas.“
Naudojant reikšmę nonearba universalius raktinius žodžius inheritarba initial, šių reikšmių negalima naudoti kaip kableliais atskirtų sąrašų dalies, kitaip tai sukels sintaksės klaidą ir nepaisys visos eilutės.
Norint suderinti visas palaikomas naršykles, reikalingi tiekėjo priešdėliai, o standartinė sintaksė paskelbta paskutine:
.example ( -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; )IE10 (pirmoji palaikoma IE versija transition-property) nereikia -ms-prefikso.
Naršyklės palaikymas
| „Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
|---|---|---|---|---|---|---|
| Veikia | Veikia | 4+ | 10,5+ | 10+ | 2.1+ | 3.2+ |