Almanach CSS 2025, Leden

Přetečení - Triky CSS

Přetečení - Triky CSS

Vlastnost overflow řídí, co se stane s obsahem, který se zlomí mimo jeho hranice: představte si div, ve kterém jste explicitně nastavili šířku 200 pixelů, "

Citace - Triky CSS

Citace - Triky CSS

Vlastnost quotes v CSS umožňuje určit, jaké typy uvozovek se použijí při přidávání uvozovek prostřednictvím obsahu: open-quote; nebo obsah: "

Pointer-events - Triky CSS

Pointer-events - Triky CSS

Vlastnost pointer-events umožňuje kontrolu nad tím, jak prvky HTML reagují na události myši / dotyku - včetně stavů kurzoru / aktivních stavů CSS, událostí kliknutí / klepnutí "

Místo-položky - Triky CSS

Místo-položky - Triky CSS

Vlastnost place-items v CSS je zkratka pro vlastnosti align-items a justify-items a kombinuje je do jedné deklarace. Běžné použití je „

Změnit velikost - Triky CSS

Změnit velikost - Triky CSS

Vlastnost resize určuje, zda a jak může uživatel změnit velikost prvku kliknutím a přetažením v pravém dolním rohu prvku. .module ("

Překročení-chování - Triky CSS

Překročení-chování - Triky CSS

Vlastnost overscroll-behavior v CSS určuje, zda bude prvek používat "posuvné řetězení" nebo ne. Pravděpodobně jste toto chování zažili dříve “

Perspektiva-původ - Triky CSS

Perspektiva-původ - Triky CSS

Vlastnost perspektiva-původ určuje původ vlastnosti perspektiva. Představte si to jako úběžný bod současného 3D prostoru. Poznámka jako „

Konec stránky - Triky CSS

Konec stránky - Triky CSS

V CSS není skutečná vlastnost zalomení stránky. Je to vlastně sada 3 vlastností: page-break-before, page-break-after a page-break-inside. Tyto"

Objednávka barvy - Triky CSS

Objednávka barvy - Triky CSS

Vlastnost pořadí malování CSS nastavuje pořadí, ve kterém jsou nakresleny tvary a text SVG, včetně výplně, tahu a všech značek, které by mohly být použity. Podle"

Přetékající obal - Triky CSS

Přetékající obal - Triky CSS

Vlastnost overflow-wrap v CSS umožňuje určit, že prohlížeč může rozdělit řádek textu uvnitř cílového prvku na více řádků v

Perspektiva - Triky CSS

Perspektiva - Triky CSS

Vlastnost perspektivní CSS dává prvku 3D prostor ovlivněním vzdálenosti mezi rovinou Z a uživatelem. Síla efektu je „

Polstrování - Triky CSS

Polstrování - Triky CSS

Vlastnost odsazení v CSS definuje nejvnitřnější část modelu pole a vytváří prostor kolem obsahu prvku, uvnitř definovaných okrajů "

Obrysový offset - Triky CSS

Obrysový offset - Triky CSS

Vlastnost offsetu obrysu v CSS kompenzuje definovaný obrys od okraje okraje prvku o zadanou částku. Obrys, který se liší od „

Přepadová kotva - Triky CSS

Přepadová kotva - Triky CSS

Vlastnost overflow-anchor nám umožňuje odhlásit se z Scroll Anchoring, což je funkce prohlížeče, která má umožnit načtení obsahu nad úroveň uživatele

Obrys - Triky CSS

Obrys - Triky CSS

Vlastnost outline v CSS nakreslí čáru kolem vnějšku prvku. Je to podobné jako s hranicí, až na to, že: Vždy jde kolem všech stran, vy “

Offset-path - Triky CSS

Offset-path - Triky CSS

Tato vlastnost začala život jako pohybová cesta. Toto a všechny další související vlastnosti motion- * jsou ve specifikaci přejmenovány offset- *. Měníme jména “

Sirotci - Triky CSS

Sirotci - Triky CSS

V typografických termínech je osiřelý první řádek odstavce, který po sobě zanechal na staré stránce, zatímco odstavec pokračuje další. Sirotek “

Offset-kotva - Triky CSS

Offset-kotva - Triky CSS

Vlastnost offset-anchor definuje bod v poli, který se použije jako kotva, která se pohybuje podél cesty offsetu. To je trochu rozvláčné, tak pojďme zlomit “

Objednat - Triky CSS

Objednat - Triky CSS

Vlastnost order je podvlastností modulu Flexible Box Layout. Položky Flex se zobrazují ve stejném pořadí, v jakém se zobrazují ve zdrojovém dokumentu. "

Neprůhlednost - Triky CSS

Neprůhlednost - Triky CSS

Vlastnost neprůhlednosti v CSS určuje, jak transparentní je prvek. Základní použití: div (krytí: 0,5;) Krytí má výchozí počáteční hodnotu 1 (100% "

Min. výška - Triky CSS

Min. výška - Triky CSS

Vlastnost min-height v CSS se používá k nastavení minimální výšky zadaného prvku. Vlastnost min-height vždy přepíše jak výšku, tak ""

Přizpůsobení objektu - Triky CSS

Přizpůsobení objektu - Triky CSS

Vlastnost přizpůsobení objektu definuje, jak prvek reaguje na výšku a šířku pole obsahu. Je určen pro obrázky, videa a další vložitelné položky “

Pozice objektu - Triky CSS

Pozice objektu - Triky CSS

Vlastnost object-position se používá ve spojení s vlastností object-fit a definuje, jak je prvek, jako je video nebo obrázek, umístěn pomocí X / Y "

Vzdálenost odsazení - Triky CSS

Vzdálenost odsazení - Triky CSS

Tato vlastnost začala život jako posunutí pohybu. Toto a všechny další související vlastnosti motion- * jsou ve specifikaci přejmenovány offset- *. Měníme „

Offset-rotate - Triky CSS

Offset-rotate - Triky CSS

Tato vlastnost začala život jako rotace pohybu, poté se stala ofsetovou rotací, nyní je to offsetová rotace. Stále je to experimentální vlastnost Working Draft “

Max. vložená velikost - Triky CSS

Max. vložená velikost - Triky CSS

Max-inline-size je logická vlastnost v CSS, která definuje maximální šířku prvku, když je režim zápisu vodorovný, nebo maximální výška "

Obrázek masky - Triky CSS

Obrázek masky - Triky CSS

Vlastnost maska ​​v CSS umožňuje skrýt části prvku. Například pokud máte černobílý obrázek, můžete jej použít jako masku a černé části vynutí, aby byl prvek na těchto prvcích průhledný. Masky se také mohou shodovat s alfa průhledností obrazu masky. “

Min. šířka - Triky CSS

Min. šířka - Triky CSS

Vlastnost min-width v CSS se používá k nastavení minimální šířky zadaného prvku. Vlastnost min-width vždy přepíše vlastnost width, zda „

Režim míchání - Triky CSS

Režim míchání - Triky CSS

Vlastnost mix-blend-mode definuje, jak by se měl obsah prvku mísit s jeho pozadím. Například text

může splynout s „

Režim masky - Triky CSS

Režim masky - Triky CSS

Vlastnost CSS v režimu masky označuje, zda se s obrazem vrstvy masky CSS zachází jako s alfa maskou nebo s maskou jasu. .element (mask-image: "