Almanach CSS 2025, Apríl

Pretečenie - Triky CSS

Pretečenie - Triky CSS

Vlastnosť overflow riadi, čo sa stane s obsahom, ktorý sa vymyká z jeho hraníc: predstavte si div, v ktorom ste explicitne nastavili šírku 200 pixelov, “

Citácie - Triky CSS

Citácie - Triky CSS

Vlastnosť quotes v CSS vám umožňuje určiť, ktoré typy úvodzoviek sa použijú pri pridávaní úvodzoviek cez obsah: open-quote; alebo obsah: "

Udalosti ukazovateľa - Triky CSS

Udalosti ukazovateľa - Triky CSS

Vlastnosť pointer-events umožňuje kontrolu nad tým, ako prvky HTML reagujú na udalosti myšou / dotykom - vrátane vznášania / aktívnych stavov CSS, udalostí kliknutia / klepnutia “

Miestne položky - Triky CSS

Miestne položky - Triky CSS

Vlastnosť place-items v CSS je skratkou pre vlastnosti align-items a justify-items a kombinuje ich do jednej deklarácie. Bežné použitie je „

Zmeniť veľkosť - Triky CSS

Zmeniť veľkosť - Triky CSS

Vlastnosť zmeny veľkosti určuje, či a ako môže používateľ zmeniť veľkosť prvku kliknutím a potiahnutím za pravý dolný roh prvku. .modul ("

Nadmerné správanie - Triky CSS

Nadmerné správanie - Triky CSS

Vlastnosť overscroll-behavior v CSS riadi, či bude element používať „scroll chaining“ alebo nie. Toto správanie ste už pravdepodobne zažili “

Perspektívny pôvod - Triky CSS

Perspektívny pôvod - Triky CSS

Vlastnosť perspektíva-pôvod určuje pôvod pre vlastnosť perspektíva. Predstavte si to ako úbežný bod súčasného 3D priestoru. Poznamenať ako „

Koniec stránky - Triky CSS

Koniec stránky - Triky CSS

V CSS neexistuje skutočná vlastnosť prerušenia stránky. Je to vlastne sada 3 vlastností: page-break-before, page-break-after a page-break-inside. Títo"

Objednávka farieb - Triky CSS

Objednávka farieb - Triky CSS

Vlastnosť poradia maľovania CSS nastavuje poradie, v ktorom sú nakreslené tvary a text SVG vrátane výplne, ťahu a akýchkoľvek značiek, ktoré sa môžu použiť. Autor: „

Prepadový obal - Triky CSS

Prepadový obal - Triky CSS

Vlastnosť overflow-wrap v CSS vám umožňuje určiť, že prehľadávač môže prerušiť riadok textu vo vnútri cieľového prvku na viac riadkov v znaku „

Perspektíva - Triky CSS

Perspektíva - Triky CSS

Vlastnosť perspektívna CSS dáva prvku 3D priestor ovplyvnením vzdialenosti medzi rovinou Z a používateľom. Sila účinku je „

Výplň - Triky CSS

Výplň - Triky CSS

Vlastnosť odsadenia v CSS definuje najvnútornejšiu časť modelu poľa a vytvára priestor okolo obsahu prvku vo vnútri akýchkoľvek definovaných okrajov. "

Obrysový posun - Triky CSS

Obrysový posun - Triky CSS

Vlastnosť offset outline v CSS ofsetuje definovaný obrys od okraja okraja prvku o zadanú hodnotu. Obrys, ktorý sa líši od „

Prepadová kotva - Triky CSS

Prepadová kotva - Triky CSS

Vlastnosť overflow-anchor nám umožňuje odhlásiť sa zo Scroll Anchoring, čo je funkcia prehliadača, ktorá má umožniť načítanie obsahu nad hodnotu „“

Obrys - Triky CSS

Obrys - Triky CSS

Vlastnosť obrys v CSS nakreslí čiaru okolo vonkajšej strany prvku. Je to podobné ako s hranicou, až na to, že vždy ide okolo všetkých strán, vy “

Offsetová cesta - Triky CSS

Offsetová cesta - Triky CSS

Táto vlastnosť začala život ako pohybová dráha. Toto a všetky ďalšie súvisiace vlastnosti pohybu- * sa v špecifikácii premenujú na offset- *. Meníme mená “

Siroty - Triky CSS

Siroty - Triky CSS

Z hľadiska typografie je osirelosť prvý riadok odseku, ktorý zostane na starej stránke, zatiaľ čo odsek pokračuje ďalšou. Sirota “

Ofsetová kotva - Triky CSS

Ofsetová kotva - Triky CSS

Vlastnosť offset-anchor definuje bod v poli, ktorý sa použije ako kotva, ktorá sa pohybuje pozdĺž cesty offsetu. To je trochu nepríjemné, tak poďme zlomiť “

Objednať - Triky CSS

Objednať - Triky CSS

Vlastnosť objednávky je čiastkovou vlastnosťou modulu Flexible Box Layout. Položky Flex sa zobrazujú v rovnakom poradí, v akom sa vyskytujú v zdrojovom dokumente. "

Nepriehľadnosť - Triky CSS

Nepriehľadnosť - Triky CSS

Vlastnosť nepriehľadnosti v CSS určuje, ako priehľadný je prvok. Základné použitie: div (opacita: 0,5;) Nepriehľadnosť má predvolenú počiatočnú hodnotu 1 (100%)

Min. výška - Triky CSS

Min. výška - Triky CSS

Vlastnosť min-height v CSS sa používa na nastavenie minimálnej výšky zadaného prvku. Vlastnosť minimálnej výšky vždy prepíše výšku a „

Prispôsobenie objektu - Triky CSS

Prispôsobenie objektu - Triky CSS

Vlastnosť prispôsobenia objektu definuje, ako prvok reaguje na výšku a šírku poľa s obsahom. Je určený pre obrázky, videá a ďalšie vložiteľné položky “

Pozícia objektu - Triky CSS

Pozícia objektu - Triky CSS

Vlastnosť object-position sa používa v spojení s vlastnosťou object-fit a definuje, ako je prvok ako video alebo obrázok umiestnený pomocou X / Y "

Offsetová vzdialenosť - Triky CSS

Offsetová vzdialenosť - Triky CSS

Táto vlastnosť začala život ako posunutie pohybu. Toto a všetky ďalšie súvisiace vlastnosti pohybu- * sa v špecifikácii premenujú na offset- *. Meníme „

Offset-rotácia - Triky CSS

Offset-rotácia - Triky CSS

Táto vlastnosť začala život ako pohybová rotácia, potom sa z nej stala offsetová rotácia, teraz je to offsetová rotácia. Stále je to experimentálna vlastnosť pracovného konceptu “

Maximálna vložená veľkosť - Triky CSS

Maximálna vložená veľkosť - Triky CSS

Max-inline-size je logická vlastnosť v CSS, ktorá definuje maximálnu šírku prvku, keď je režim zápisu vodorovný, alebo maximálna výška "

Maska-obraz - Triky CSS

Maska-obraz - Triky CSS

Vlastnosť maska ​​v CSS umožňuje skryť časti prvku. Napríklad ak máte čiernobiely obrázok, môžete ho použiť ako masku a čierne časti vynútia, aby bol prvok na týchto prvkoch priehľadný. Masky sa tiež môžu zhodovať s alfa priehľadnosťou obrazu masky. “

Min. šírka - Triky CSS

Min. šírka - Triky CSS

Vlastnosť min-width v CSS sa používa na nastavenie minimálnej šírky určeného prvku. Vlastnosť min-width vždy prepíše vlastnosť width, či „

Režim miešania - Triky CSS

Režim miešania - Triky CSS

Vlastnosť mix-blend-mode definuje, ako by sa mal obsah prvku zmiešať s jeho pozadím. Napríklad text znaku

môže splývať s textom „

Režim masky - Triky CSS

Režim masky - Triky CSS

Vlastnosť CSS v režime masky označuje, či sa s obrázkom vrstvy masky CSS zaobchádza ako s alfa maskou alebo s maskou jasu. .element (mask-image: "