CSS almanahs 2025, Aprīlis

Pārplūde - CSS-triki

Pārplūde - CSS-triki

Pārpildes rekvizīts kontrolē to, kas notiek ar saturu, kas saplīst ārpus tā robežām: iedomājieties divu, kurā esat skaidri iestatījis 200 pikseļu platumu. "

Citāti - CSS-triki

Citāti - CSS-triki

CSS rekvizīts CSS ļauj norādīt, kādi citātu veidi tiek izmantoti, kad pēdiņas tiek pievienotas, izmantojot saturu: open-quote; vai saturs: "

Pointer-events - CSS-triki

Pointer-events - CSS-triki

Rādītāja-notikumu rekvizīts ļauj kontrolēt, kā HTML elementi reaģē uz peles / pieskāriena notikumiem, ieskaitot CSS kursoru / aktīvos stāvokļus, klikšķus / pieskarieties notikumiem "

Vietas priekšmeti - CSS-triki

Vietas priekšmeti - CSS-triki

Vietnes vienumu īpašums CSS ir stenogrāfs align-items un justify-items rekvizītiem, apvienojot tos vienā deklarācijā. Parasts lietojums ir "

Mainīt izmēru - CSS-triki

Mainīt izmēru - CSS-triki

Rekvizīta lieluma maiņa kontrolē, vai lietotājs var mainīt elementa lielumu, noklikšķinot un velkot elementa apakšējā labajā stūrī. .module ("

Pārmērīga uzvedība - CSS-triki

Pārmērīga uzvedība - CSS-triki

Pārslīdes uzvedības īpašums CSS kontrolē, vai elements izmantos "ritināšanas ķēdi" vai nē. Jūs, iespējams, esat pieredzējis šo uzvedību iepriekš "

Perspektīvā izcelsme - CSS-triki

Perspektīvā izcelsme - CSS-triki

Perspektīvas izcelsmes īpašums nosaka perspektīvas īpašuma izcelsmi. Padomājiet par to kā par pašreizējās 3D telpas izzušanas punktu. Piezīme kā "

Lapu pārtraukums - CSS-triki

Lapu pārtraukums - CSS-triki

CSS nav reāla rekvizīta lapas pārtraukums. Tas faktiski ir 3 īpašību kopums: page-break-before, page-break-after un page-break-inside. Šie "

Krāsu pasūtīšana - CSS-triki

Krāsu pasūtīšana - CSS-triki

CSS paint-order rekvizīts nosaka SVG formu un teksta zīmēšanas kārtību, ieskaitot aizpildījumu, insultu un visus marķierus, kas varētu būt izmantoti. Autors:

Pārplūdes ietīšana - CSS-triki

Pārplūdes ietīšana - CSS-triki

CSS rekvizīts overflow-wrap ļauj norādīt, ka pārlūkprogramma var sadalīt mērķa elementa iekšpusē esošo teksta rindiņu uz vairākām rindiņām "

Perspektīva - CSS-triki

Perspektīva - CSS-triki

Perspektīvais CSS rekvizīts piešķir elementam 3D telpu, ietekmējot attālumu starp Z plakni un lietotāju. Efekta stiprums ir "

Polsterējums - CSS-triki

Polsterējums - CSS-triki

CSS polsterējuma rekvizīts nosaka lodziņa modeļa iekšējo daļu, izveidojot vietu ap elementa saturu, visu definēto malu iekšpusē "

Kontūra-nobīde - CSS-triki

Kontūra-nobīde - CSS-triki

CSS rekvizīts offset kompensē noteiktu kontūru no elementa apmales ar noteiktu summu. Kontūra, kas atšķiras no

Pārplūdes enkurs - CSS-triki

Pārplūdes enkurs - CSS-triki

Īpašums pārplūdes enkurs ļauj mums atteikties no ritināšanas enkurošanas, kas ir pārlūka funkcija, kas paredzēta satura ielādēšanai virs lietotāja

Izklāsts - CSS-triki

Izklāsts - CSS-triki

CSS rekvizīts iezīmē līniju ap elementa ārpusi. Tas ir līdzīgs apmalei, izņemot to, ka: tas vienmēr apiet visas malas, jūs "

Nobīdes ceļš - CSS-triki

Nobīdes ceļš - CSS-triki

Šis īpašums sāka dzīvi kā kustības ceļu. Šis un visi citi saistītie kustības * rekvizīti tiek pārdēvēti par nobīdi *. Mēs mainām nosaukumus "

Bāreņi - CSS-triki

Bāreņi - CSS-triki

Tipogrāfijas izteiksmē bārenis ir rindkopas pirmā rinda, kas paliek aiz vecās lapas, bet rindkopa turpinās nākamajā. Bārenis "

Nobīdes enkurs - CSS-triki

Nobīdes enkurs - CSS-triki

Rekvizīts “nobīde-enkurs” nosaka punktu lodziņā, kurā tas tiek lietots, kā enkuru, kas pārvietojas pa nobīdes ceļu. Tas ir kaut kas izteiksmīgs, tāpēc lauzīsimies "

Pasūtījums - CSS-triki

Pasūtījums - CSS-triki

Pasūtījuma rekvizīts ir moduļa Flexible Box Layout apakšīpašums. Elastīgie vienumi tiek parādīti tādā pašā secībā, kādā tie parādās avota dokumentā "

Necaurredzamība - CSS-triki

Necaurredzamība - CSS-triki

CSS rekvizīts norāda necaurredzamības elementu. Pamata lietojums: div (necaurredzamība: 0,5;) Pārredzamības sākotnējā vērtība ir noklusējuma 1 (100% "

Min-augstums - CSS-triki

Min-augstums - CSS-triki

Rekvizītu min-height CSS izmanto, lai iestatītu minimālo norādītā elementa augstumu. Īpašība min-height vienmēr ignorē gan augstumu, gan "

Objekts - CSS-triki

Objekts - CSS-triki

Īpašums object-fit definē, kā elements reaģē uz satura lodziņa augstumu un platumu. Tas ir paredzēts attēliem, videoklipiem un citiem iegulamiem "

Objekta pozīcija - CSS-triki

Objekta pozīcija - CSS-triki

Objekta pozīcijas rekvizīts tiek izmantots kopā ar objekta atbilstības rekvizītu un nosaka, kā elements, piemēram, videoklips vai attēls, tiek novietots ar X / Y "

Nobīdes attālums - CSS-triki

Nobīdes attālums - CSS-triki

Šis īpašums sāka dzīvi kā kustības kompensāciju. Šis un visi citi saistītie kustības * rekvizīti tiek pārdēvēti par nobīdi *. Mēs mainām

Nobīdīt-pagriezt - CSS-triki

Nobīdīt-pagriezt - CSS-triki

Šis īpašums sāka dzīvot kā kustība-rotācija, tad tā kļuva par nobīdi-rotāciju, tagad tā ir nobīde-pagriešana. Tas joprojām ir darba projekta eksperimentālais īpašums "

Max-inline-size - CSS-triki

Max-inline-size - CSS-triki

Max-inline-size ir CSS loģisks rekvizīts, kas nosaka elementa maksimālo platumu, ja rakstīšanas režīms ir horizontāls vai maksimālo augstumu "

Maska-attēls - CSS-triki

Maska-attēls - CSS-triki

Maskas rekvizīts CSS ļauj paslēpt elementa daļas. Piemēram, ja jums ir melnbalts attēls, varat to izmantot kā masku, un melnās daļas piespiedīs elementu būt caurspīdīgam šiem elementiem. Maskas var arī saskaņot maskas attēla alfa caurspīdīgumu. "

Min platums - CSS-triki

Min platums - CSS-triki

Rekvizītu min-width CSS izmanto, lai iestatītu minimālo norādītā elementa platumu. Īpašība min-width vienmēr atceļ platuma rekvizītu neatkarīgi no tā, vai

Mix-blend-mode - CSS-triki

Mix-blend-mode - CSS-triki

Īpašums mix-blend-mode nosaka, kā elementa saturam vajadzētu saplūst ar tā fonu. Piemēram,

teksts varētu saplūst ar "

Maskas režīms - CSS-triki

Maskas režīms - CSS-triki

Rekvizīts maskas režīma CSS norāda, vai CSS maskas slāņa attēls tiek apstrādāts kā alfa maska ​​vai spilgtuma maska. .element (maskas attēls: "