CSS Almanack 2025, September

Infälld-block-slut - CSS-tricks

Infälld-block-slut - CSS-tricks

Inset-block-end är en logisk CSS-egenskap som anger längden som ett element förskjuts i blockriktningen från dess slutkant. Det är som "

Font-syntes - CSS-tricks

Font-syntes - CSS-tricks

Egenskapen font-systhesis i CSS ger webbläsaren instruktioner för hur man hanterar typsnitt med fetstil och kursiv karaktär när den angivna teckensnittsfamiljen "

Bildåtergivning - CSS-tricks

Bildåtergivning - CSS-tricks

Bildåtergivningsegenskapen definierar hur webbläsaren ska göra en bild om den skalas upp eller ner från sina ursprungliga dimensioner. Som standard är varje "

Gap - CSS-tricks

Gap - CSS-tricks

Gapegenskapen i CSS är en förkortning för radgap och kolumngap, och anger storleken på takrännorna, vilket är utrymmet mellan rader och kolumner inom "

Hängning-skiljetecken - CSS-tricks

Hängning-skiljetecken - CSS-tricks

Egenskapen hängande skiljetecken syftar till att ge webbdesigners en mer detaljerad kontroll över typografi på webben. Tanken bakom hängande skiljetecken är "

Bindestreck - CSS-tricks

Bindestreck - CSS-tricks

Hyphens-egenskapen styr avstavning av text i blocknivåelement. Du kan förhindra avstavning alls, tillåta det eller bara tillåta det "

Höjd - CSS-tricks

Höjd - CSS-tricks

Höjdegenskapen i CSS definierar anger rutans innehållshöjd och accepterar något av längdvärdena. Området "innehåll" definieras som "

Font-variant-numerisk - CSS-tricks

Font-variant-numerisk - CSS-tricks

Egenskapen font-variant-numeric i CSS stöder OpenType-teckensnittsformatet genom att ange vilka numeriska tecken som ska användas i en klass, inklusive variationer för "

Grid-row / grid-column - CSS-tricks

Grid-row / grid-column - CSS-tricks

Egenskaperna för rutnätet och rutnätet definierar vilken rad eller kolumn ett element ska visas på. .element (grid-row: 1/2; grid-column: 3 / -1;) "

Rutmall-kolumner / rutmall-rader - CSS-tricks

Rutmall-kolumner / rutmall-rader - CSS-tricks

Raster-mall-rader och rutnät-mall-kolumner är de primära CSS-egenskaperna för att skapa en rutnätlayout, när elementet är ett rutnät

Font-vikt - CSS-tricks

Font-vikt - CSS-tricks

Egenskapen font-weight ställer in teckensnittets vikt eller tjocklek och beror antingen på tillgängliga teckensnittsytor inom en teckensnittsfamilj eller vikter som definierats "

Font-kerning - CSS-tricks

Font-kerning - CSS-tricks

Egenskapen CSS font-kerning definierar hur specifika bokstavspar är åtskilda. Ser du, teckensnitt innehåller ofta information om hur mycket andningsrum "

Font-variant - CSS-tricks

Font-variant - CSS-tricks

Egenskapen font-variant låter dig ändra den riktade texten till små bokstäver. Den här egenskapen har utökats i CSS3. p: första raden (font-variant: "

Typsnitt - CSS-tricks

Typsnitt - CSS-tricks

Egenskapen typsnitt gör det möjligt för dig att göra texten kursiv (dvs. lutande eller lutande). em (font-style: italic;) Den här egenskapen accepterar en av tre "

Teckenstorlek - CSS-tricks

Teckenstorlek - CSS-tricks

Egenskapen fontstorlek anger typsnittets storlek eller höjd. teckensnittsstorlek påverkar inte bara teckensnittet som det används på, utan används också för att beräkna "

Font-size-justera - CSS-tricks

Font-size-justera - CSS-tricks

Den här egenskapen ger utvecklare möjlighet att ställa in teckensnittsstorleken för ett element beroende på storleken på små bokstäver, snarare än stora bokstäver "

Font-feature-settings - CSS-tricks

Font-feature-settings - CSS-tricks

Den här egenskapen ger oss kontroll över avancerade typografiska inställningar som små bokstäver, ligaturer och swashes. För att aktivera dem måste du förklara vilken "

Font-stretch - CSS-tricks

Font-stretch - CSS-tricks

Egenskapen font-stretch, introducerad i CSS3, väljer ett normalt, kondenserat eller utökat ansikte från ett typsnitt. För att använda font-stretch och se ett resultat av "

Font-optisk storlek - CSS-tricks

Font-optisk storlek - CSS-tricks

CSS-egenskapen med font-optisk storlek gör att webbläsaren kan justera konturen för teckensnittstegn för att göra dem mer läsbara i olika storlekar. Till exempel,"

Font-display - CSS-tricks

Font-display - CSS-tricks

Egenskapen font-display definierar hur typsnittsfiler laddas och visas av webbläsaren. Den tillämpas på @ font-face-regeln som definierar anpassade teckensnitt "

Typsnitt - CSS-tricks

Typsnitt - CSS-tricks

Font-egenskapen i CSS är en stenografisk egenskap som kombinerar alla följande underegenskaper i en enda deklaration. body (font: normal small-caps "

Font-family - CSS-tricks

Font-family - CSS-tricks

Egenskapen font-family definierar det typsnitt som tillämpas på det valda elementet. Det valda teckensnittet är inte ett enda teckensnitt utan en "familj", "

Flex-wrap - CSS-tricks

Flex-wrap - CSS-tricks

Flex-wrap-egenskapen är en underegenskap för den flexibla boxlayout-modulen. Den definierar om flexartiklarna tvingas i en enda rad eller kan flöda "

Visa - CSS-tricks

Visa - CSS-tricks

Varje element på en webbsida är en rektangulär ruta. Visningsegenskapen i CSS avgör hur den rektangulära rutan beter sig. Det finns bara en handfull "

Filter - CSS-tricks

Filter - CSS-tricks

CSS-filter är ett kraftfullt verktyg som författare kan använda för att uppnå varierande visuella effekter (ungefär som Photoshop-filter för webbläsaren). CSS-filtret "

Flex-krympning - CSS-tricks

Flex-krympning - CSS-tricks

Egenskapen flex-shrink är en underegenskap till modulen Flexible Box Layout. Den specificerar "flex-krympfaktorn", som avgör hur mycket flex "

Flex-riktning - CSS-tricks

Flex-riktning - CSS-tricks

Flex-direction-egenskapen är en underegenskap för modulen Flexible Box Layout. Den fastställer huvudaxeln och definierar därmed riktningsflexobjekten "

Flex-grow - CSS-tricks

Flex-grow - CSS-tricks

Flex-grow-egenskapen är en underegenskap för Flexibel Box Layout-modulen. Den definierar möjligheten för en flexartikel att växa om det behövs. Den accepterar en "

Flex-flow - CSS-tricks

Flex-flow - CSS-tricks

Flex-flow-egenskapen är en underegenskap för den flexibla boxlayout-modulen. Det är en förkortning för flex-direction och flex-wrap. Syntax flex-flow: || "

Motuppsättning - CSS-tricks

Motuppsättning - CSS-tricks

Motmängds CSS-egenskapen, sant mot sitt namn, ställer in startvärdet för en CSS-räknare. Du vet hur ordnade listor börjar vid 1 och sedan ökar "