CSS-almanakka 2025, Syyskuu

CSS: n kuvateksti-ominaisuuden avulla voit määrittää, mihin HTML-elementit sijoitetaan HTML-taulukoissa. Tämä ominaisuus voi koskea myös mitä tahansa elementtiä "

Käytetään varjojen (usein nimeltään "Drop Shadows", kuten Photoshopissa) heittämiseen elementeistä. Tässä on esimerkki, jolla on syvin mahdollinen selaintuki: "

Voit antaa mille tahansa elementille pyöristetyt kulmat soveltamalla reunan sädettä CSS: n kautta. Huomaat vain, jos väriä on muutettu. Esimerkiksi,"

CSS: n box-sizing-ominaisuus ohjaa sitä, miten laatikkomallia käsitellään elementille, johon sitä sovelletaan. .moduuli (laatikon mitoitus: reunuslaatikko;) Yksi "

CSS: n rajaväliominaisuus ohjaa, kuinka kaukana solut toisistaan ​​elementissä (tai elementissä, joka on tehty taulukon kaltaiseksi display: table ;:n kautta). Se"

CSS: n raja-alueen ominaisuus asettaa rajoituksia elementin rajoille, mikä vaikuttaa elementin rajojen käyttäytymiseen. Se on määritelty CSS: ssä "

CSS: n taustakoko-ominaisuus on yksi hyödyllisimmistä - ja monimutkaisimmista - taustaominaisuuksista. On monia muunnelmia ja erilaisia ​​"

Raja-pienennä-ominaisuus on tarkoitettu käytettäväksi elementeissä (tai elementeissä, jotka on tehty toimimaan taulukon kautta display: table tai display: inline-table). Siellä on"

Rajaominaisuus on CSS: n lyhytnimitys, joka hyväksyy useita arvoja viivan piirtämiseksi elementin ympärille, johon sitä käytetään. .box (reunus: 3px "

Tausta-sekoitustila-ominaisuus määrittelee, miten elementin taustakuvan tulisi sekoittua sen taustaväriin: .container (taustakuva: "

Lohkon ylivuoto-ominaisuus katkaisee tekstin ja osoittaa lisää sisältöä lisäämällä ellipsin tai mukautetun merkkijonon rivien jälkeen, joka on "

CSS: n vertailuominaisuus on tarkoitettu tilan määrittämiseen sivuruudun rajan ulkopuolella, kun määritetään tulostetun sivun koko. @page: left (vuoto: 10pt; "

Jos määritetään taustakuvan ominaisuus, CSS: n tausta-toisto-ominaisuus määrittelee, toistetaanko (ja miten). Tässä on esimerkki: html ("

CSS: n tausta-sijainti-ominaisuuden avulla voit siirtää taustakuvan (tai liukuvärin) sen säilössä. html (background-position: 100px "

CSS: n taustakuvan ominaisuus käyttää grafiikkaa (esim. PNG, SVG, JPG.webp, GIF, WEBP) tai kaltevuutta elementin taustalle. On kaksi"

CSS: n taustaväri-ominaisuus käyttää kiinteitä värejä elementin taustana. Tässä on esimerkki: html (background-color: # 82a43a;) Esimerkki "

Tausta-alkuperä -ominaisuus määrittää, mihin tausta maalataan: koko elementin poikki, reunan sisällä tai pehmusteen sisällä. On olemassa neljä "

Background-clipin avulla voit hallita, kuinka pitkälle taustakuva tai väri ulottuu elementin täytteen tai sisällön ulkopuolelle. .frame (taustaleike: "

Ulkoasu-ominaisuutta käytetään elementin näyttämiseen käyttöympäristöön perustuvalla tyylillä, joka perustuu käyttäjien käyttöjärjestelmän teemaan. .asia ("

Takapinnan näkyvyysominaisuus liittyy 3D-muunnoksiin. 3D-muunnosten avulla voit hallita elementin kiertämistä niin, että mitä ajattelemme "

CSS: n taustaliitteen ominaisuus määrittää, miten taustaa siirretään suhteessa näkymään. Arvoja on kolme: vieritys, kiinteä ja paikallinen. "

CSS: n taustasuodatinominaisuutta käytetään suodatintehosteiden (harmaasävy, kontrasti, sumennus jne.) Lisäämiseen elementin taustaan ​​/ taustaan. "

CSS: n taustaominaisuuden avulla voit hallita minkä tahansa elementin taustaa (mikä maalaa kyseisen elementin sisällön alla). Se on lyhyt "

CSS: n animaatio-ominaisuutta voidaan käyttää monien muiden CSS-ominaisuuksien, kuten värin, taustavärin, korkeuden tai leveyden, animointiin. Jokaisen animaation on

CSS: n kaikki ominaisuus nollaa kaikki valitun elementin ominaisuudet, paitsi suunta ja unicode-bidi-ominaisuudet, jotka ohjaavat tekstin suuntaa. "

Align-self -ominaisuus on Flexible Box Layout -moduulin osaomaisuus. Sen avulla voidaan ohittaa tiettyjen joustavien kohteiden kohdistusarvot. "