CSS almanachas 2025, Sausis

Perpildymas - CSS-gudrybės

Perpildymas - CSS-gudrybės

Perpildymo ypatybė kontroliuoja, kas nutinka turiniui, kuris lūžta už jo ribų: įsivaizduokite div, kuriame aiškiai nustatėte 200 taškų pločio “.

Citatos - CSS-gudrybės

Citatos - CSS-gudrybės

CSS ypatybė CSS leidžia jums nurodyti, kurie kabučių tipai naudojami, kai citatos pridedamos per turinį: open-quote; arba turinys: "

Rodykliniai renginiai - CSS-gudrybės

Rodykliniai renginiai - CSS-gudrybės

Nuosavybės žymeklio įvykiai leidžia valdyti, kaip HTML elementai reaguoja į pelės / palietimo įvykius, įskaitant CSS svyravimo / aktyvių būsenų, spustelėjimo / bakstelėjimo įvykius "

Vietos daiktai - CSS-gudrybės

Vietos daiktai - CSS-gudrybės

CSS „place-items“ ypatybė yra „align-items“ ir „justify-items“ ypatybių sutrumpinimas, sujungiant jas į vieną deklaraciją. Dažnas vartojimas yra „

Pakeisti dydį - CSS-gudrybės

Pakeisti dydį - CSS-gudrybės

Ypatybės dydžio keitimas valdo, ar vartotojas gali pakeisti elemento dydį spustelėdamas ir vilkdamas apatinį dešinįjį elemento kampą. .module ("

Pernelyg didelis elgesys - CSS-gudrybės

Pernelyg didelis elgesys - CSS-gudrybės

CSS ypatybė virš slinkties valdo, ar elementas naudos „slinkimo grandinę“, ar ne. Jūs tikriausiai jau patyrėte tokį elgesį anksčiau “

Perspektyvos kilmė - CSS-gudrybės

Perspektyvos kilmė - CSS-gudrybės

Perspektyvos kilmės ypatybė lemia perspektyvinės nuosavybės kilmę. Pagalvokite apie tai kaip apie nykstantį dabartinės 3D erdvės tašką. Pastaba kaip „

Puslapio pertrauka - CSS-gudrybės

Puslapio pertrauka - CSS-gudrybės

CSS nėra faktinės puslapio pertraukos ypatybės. Iš tikrųjų tai yra 3 ypatybių rinkinys: „page-break-before“, „page-break-after“ ir „page-break-inside“. Šie"

Dažų užsakymas - CSS-gudrybės

Dažų užsakymas - CSS-gudrybės

CSS dažų užsakymo ypatybė nustato SVG formų ir teksto piešimo tvarką, įskaitant užpildymą, brūkšnį ir visus galimus naudoti žymenis. Autorius

Perpildymas-apvyniojimas - CSS-gudrybės

Perpildymas-apvyniojimas - CSS-gudrybės

CSS ypatybė „overflow-wrap“ leidžia nurodyti, kad naršyklė gali pertraukti tikslinio elemento viduje esančią teksto eilutę į kelias eilutes „

Perspektyva - CSS-gudrybės

Perspektyva - CSS-gudrybės

Perspektyvinė CSS ypatybė suteikia elementui 3D erdvę, paveikdama atstumą tarp Z plokštumos ir vartotojo. Poveikio stiprumas yra "

Paminkštinimas - CSS-gudrybės

Paminkštinimas - CSS-gudrybės

CSS savybė apibūdina vidinę langelio modelio dalį, sukuriant erdvę aplink elemento turinį bet kokių apibrėžtų paraštių viduje "

Kontūro atskaita - CSS-gudrybės

Kontūro atskaita - CSS-gudrybės

CSS ypatybė kontūro poslinkis nurodo apibrėžtą kontūrą nuo elemento krašto nurodytu dydžiu. Kontūras, kuris skiriasi nuo

Perpildymo inkaras - CSS-gudrybės

Perpildymo inkaras - CSS-gudrybės

Ypatybė „perpildymas-inkaras“ leidžia mums atsisakyti „Scroll Anchoring“, kuri yra naršyklės funkcija, skirta leisti turinį įkelti virš vartotojo.

Metmenys - CSS-gudrybės

Metmenys - CSS-gudrybės

CSS ypatybė nubrėžia liniją aplink elemento išorę. Tai panašu į kraštinę, išskyrus tai, kad: ji visada apeina visas puses, tu “

Atskaitos kelias - CSS-gudrybės

Atskaitos kelias - CSS-gudrybės

Ši nuosavybė pradėjo gyvenimą kaip judėjimo kelią. Tai ir visos kitos susijusios judesio * ypatybės specifikacijose yra pervadinamos į poslinkį *. Keičiame pavadinimus “

Našlaičiai - CSS-gudrybės

Našlaičiai - CSS-gudrybės

Tipografijos požiūriu našlaitė yra pirmoji pastraipos eilutė, kuri paliekama sename puslapyje, o pastraipa tęsiasi kitame. Našlaitė “

Kompensacinis inkaras - CSS-gudrybės

Kompensacinis inkaras - CSS-gudrybės

„Offset-inchor“ ypatybė apibrėžia tašką langelyje, kuris yra pritaikytas kaip inkaras, judantis palei poslinkio kelią. Tai šiek tiek žodinga, todėl sulaužykime “

Užsakymas - CSS-gudrybės

Užsakymas - CSS-gudrybės

Užsakymo ypatybė yra „Flexible Box Layout“ modulio sub nuosavybė. „Flex“ elementai rodomi ta pačia tvarka kaip ir šaltinio dokumente “

Neskaidrumas - CSS-gudrybės

Neskaidrumas - CSS-gudrybės

Nepermatomumo ypatybė CSS nurodo elemento skaidrumą. Pagrindinis naudojimas: div (neskaidrumas: 0,5;) Neskaidrumo pradinė vertė yra 1 (100% "

Min-aukštis - CSS-gudrybės

Min-aukštis - CSS-gudrybės

Min. Aukščio ypatybė CSS naudojama nustatyti minimalų nurodyto elemento aukštį. Min aukščio ypatybė visada viršija ir aukštį, ir "

Objektas tinka - CSS-gudrybės

Objektas tinka - CSS-gudrybės

Ypatybė „object-fit“ apibrėžia, kaip elementas reaguoja į turinio langelio aukštį ir plotį. Jis skirtas vaizdams, vaizdo įrašams ir kitiems įterpiamiems "

Objekto padėtis - CSS-gudrybės

Objekto padėtis - CSS-gudrybės

Objekto padėties ypatybė naudojama kartu su objekto pritaikymo ypatybe ir apibrėžia, kaip elementas, pvz., Vaizdo įrašas ar vaizdas, yra išdėstytas su X / Y "

Atstumo atstumas - CSS-gudrybės

Atstumo atstumas - CSS-gudrybės

Ši nuosavybė pradėjo gyvenimą kaip judesio kompensavimą. Tai ir visos kitos susijusios judesio * ypatybės specifikacijose yra pervadinamos į poslinkį *. Mes keičiame

Kompensuoti-pasukti - CSS-gudrybės

Kompensuoti-pasukti - CSS-gudrybės

Ši savybė pradėjo gyvenimą kaip judesio sukimasis, tada jis tapo poslinkiu, dabar - poslinkiu. Tai vis dar darbinio projekto eksperimentinės nuosavybės projektas "

Max-inline-size - CSS-gudrybės

Max-inline-size - CSS-gudrybės

„max-inline-size“ yra loginė CSS ypatybė, apibrėžianti maksimalų elemento plotį, kai rašymo režimas yra horizontalus, arba maksimalų aukštį „

Kaukė-vaizdas - CSS-gudrybės

Kaukė-vaizdas - CSS-gudrybės

CSS savybė kaukė leidžia paslėpti elemento dalis. Pvz., Jei turite nespalvotą vaizdą, galite tai pritaikyti kaip kaukę, o juodos dalys privers elementą būti skaidrų ant tų elementų. Kaukės taip pat gali atitikti alfa kaukės vaizdo skaidrumą. "

Min pločio - CSS-gudrybės

Min pločio - CSS-gudrybės

Min. Pločio ypatybė CSS naudojama nustatyti minimalų nurodyto elemento plotį. Min-plotis ypatybė visada pakeičia plotio ypatybę, neatsižvelgiant į tai,

Mix-blend-mode - CSS-gudrybės

Mix-blend-mode - CSS-gudrybės

„Mix-blend-mode“ ypatybė apibrėžia, kaip elemento turinys turėtų susilieti su jo fonu. Pvz.,

tekstas gali susimaišyti su „

Kaukės režimas - CSS-gudrybės

Kaukės režimas - CSS-gudrybės

CSS kaukės režimo ypatybė nurodo, ar CSS kaukės sluoksnio vaizdas traktuojamas kaip alfa kaukė, ar skaisčio kaukė. .element (kaukė-vaizdas: "