CSS Almanac 2025, Januari-

Overloop - CSS-trucs

Overloop - CSS-trucs

De overflow-eigenschap bepaalt wat er gebeurt met inhoud die buiten de grenzen valt: stel je een div voor die je expliciet hebt ingesteld op 200px breed, "

Citaten - CSS-trucs

Citaten - CSS-trucs

Met de eigenschap quotes in CSS kunt u specificeren welke soorten aanhalingstekens worden gebruikt wanneer aanhalingstekens worden toegevoegd via de inhoud: open-quote; of inhoud: "

Pointer-evenementen - CSS-trucs

Pointer-evenementen - CSS-trucs

De eigenschap pointer-events geeft controle over hoe HTML-elementen reageren op muis- / aanraakgebeurtenissen - inclusief CSS hover / actieve statussen, klik / tik-gebeurtenissen "

Plaats-items - CSS-trucs

Plaats-items - CSS-trucs

De eigenschap place-items in CSS is een afkorting voor de eigenschappen align-items en justify-items, waarbij ze worden gecombineerd tot een enkele declaratie. Een veelgebruikt gebruik is "

Formaat wijzigen - CSS-trucs

Formaat wijzigen - CSS-trucs

De eigenschap resize bepaalt of en hoe het formaat van een element kan worden gewijzigd door de gebruiker door in de rechterbenedenhoek van het element te klikken en te slepen. .module ("

Overscroll-gedrag - CSS-trucs

Overscroll-gedrag - CSS-trucs

De eigenschap overscroll-behavior in CSS bepaalt of een element "scroll chaining" gebruikt of niet. U heeft dit gedrag waarschijnlijk eerder meegemaakt "

Perspectief-oorsprong - CSS-trucs

Perspectief-oorsprong - CSS-trucs

De eigenschap perspectief-oorsprong bepaalt de oorsprong voor de eigenschap perspectief. Beschouw het als het verdwijnpunt van de huidige 3D-ruimte. Opmerking als "

Pagina-einde - CSS-trucs

Pagina-einde - CSS-trucs

Er is geen daadwerkelijke pagina-einde-eigenschap in CSS. Het is eigenlijk een set van 3 eigenschappen: pagina-einde-voor, pagina-einde-na en pagina-einde-binnen. Deze"

Verf bestellen - CSS-trucs

Verf bestellen - CSS-trucs

De CSS-eigenschap paint-order stelt de volgorde in waarin SVG-vormen en tekst worden getekend, inclusief de vulling, lijn en eventuele markeringen die in gebruik zijn. Door"

Overloop-wrap - CSS-trucs

Overloop-wrap - CSS-trucs

Met de eigenschap overflow-wrap in CSS kunt u specificeren dat de browser een regel tekst binnen het beoogde element op meerdere regels in een "

Perspectief - CSS-trucs

Perspectief - CSS-trucs

De perspectief CSS-eigenschap geeft een element een 3D-ruimte door de afstand tussen het Z-vlak en de gebruiker te beïnvloeden. De kracht van het effect is "

Opvulling - CSS-trucs

Opvulling - CSS-trucs

De opvullingseigenschap in CSS definieert het binnenste gedeelte van het boxmodel en creëert ruimte rond de inhoud van een element, binnen de gedefinieerde marges "

Outline-offset - CSS-trucs

Outline-offset - CSS-trucs

De omtrek-offset eigenschap in CSS verschuift een gedefinieerde omtrek van de rand van een element met een bepaalde hoeveelheid. Een overzicht dat verschilt van een '

Overloop-anker - CSS-trucs

Overloop-anker - CSS-trucs

De overflow-anchor-eigenschap stelt ons in staat om ons af te melden voor Scroll Anchoring, een browserfunctie die bedoeld is om inhoud boven het "

Overzicht - CSS-trucs

Overzicht - CSS-trucs

De outline-eigenschap in CSS trekt een lijn rond de buitenkant van een element. Het lijkt op een rand, behalve dat: het gaat altijd langs alle kanten, jij "

Offset-pad - CSS-trucs

Offset-pad - CSS-trucs

Deze eigenschap begon het leven als bewegingspad. Deze, en alle andere gerelateerde beweging- * eigenschappen, worden in de specificatie hernoemd naar offset- *. We veranderen de namen "

Wezen - CSS-trucs

Wezen - CSS-trucs

Typografisch gezien is een wees de eerste regel van een alinea die op de oude pagina wordt achtergelaten terwijl de alinea doorgaat op de volgende. De wees"

Offset-anker - CSS-trucs

Offset-anker - CSS-trucs

De eigenschap offset-anker definieert een punt binnen de box waarop het wordt toegepast als het anker dat langs het offset-pad beweegt. Dat is nogal omslachtig, dus laten we breken "

Bestellen - CSS-trucs

Bestellen - CSS-trucs

De ordereigenschap is een subeigenschap van de module Flexible Box Layout. Flex-items worden in dezelfde volgorde weergegeven als in het brondocument "

Ondoorzichtigheid - CSS-trucs

Ondoorzichtigheid - CSS-trucs

De eigenschap opacity in CSS geeft aan hoe transparant een element is. Basisgebruik: div (opacity: 0.5;) Opacity heeft een standaard beginwaarde van 1 (100% "

Min-hoogte - CSS-trucs

Min-hoogte - CSS-trucs

De eigenschap min-hoogte in CSS wordt gebruikt om de minimum hoogte van een opgegeven element in te stellen. De eigenschap min-hoogte overschrijft altijd zowel hoogte als '

Object-fit - CSS-trucs

Object-fit - CSS-trucs

De eigenschap object-fit definieert hoe een element reageert op de hoogte en breedte van zijn inhoudsvak. Het is bedoeld voor afbeeldingen, video's en andere insluitbare "

Object-positie - CSS-trucs

Object-positie - CSS-trucs

De eigenschap object-position wordt gebruikt in combinatie met de eigenschap object-fit en definieert hoe een element zoals een video of afbeelding wordt gepositioneerd met X / Y "

Offset-afstand - CSS-trucs

Offset-afstand - CSS-trucs

Deze eigenschap begon zijn leven als bewegingscompensatie. Deze, en alle andere gerelateerde beweging- * eigenschappen, worden in de specificatie hernoemd naar offset- *. We veranderen de "

Offset-roteren - CSS-trucs

Offset-roteren - CSS-trucs

Deze eigenschap begon zijn leven als bewegings-rotatie, daarna werd het offset-rotatie, nu is het offset-rotatie. Het is nog steeds een experimentele eigenschap van Working Draft "

Max-inline-maat - CSS-trucs

Max-inline-maat - CSS-trucs

Max-inline-size is een logische eigenschap in CSS die de maximale breedte van een element definieert wanneer de schrijfmodus horizontaal is, of de maximale hoogte van "

Masker-afbeelding - CSS-trucs

Masker-afbeelding - CSS-trucs

Met de eigenschap mask in CSS kunt u delen van een element verbergen. Als u bijvoorbeeld een zwart-witafbeelding heeft, kunt u die als een masker toepassen en de zwarte delen zullen het element dwingen transparant te zijn op die elementen. Maskers kunnen ook overeenkomen met de alfatransparantie van de maskerafbeelding. "

Min-breedte - CSS-trucs

Min-breedte - CSS-trucs

De eigenschap min-breedte in CSS wordt gebruikt om de minimumbreedte van een opgegeven element in te stellen. De eigenschap min-width overschrijft altijd de eigenschap width of '

Mix-blend-modus - CSS-trucs

Mix-blend-modus - CSS-trucs

De eigenschap mix-blend-mode definieert hoe de inhoud van een element moet versmelten met de achtergrond. De tekst van een

kan bijvoorbeeld versmelten met de "

Masker-modus - CSS-trucs

Masker-modus - CSS-trucs

De CSS-eigenschap in mask-mode geeft aan of het CSS-maskerlaagbeeld wordt behandeld als een alfamasker of een luminantiemasker. .element (maskerafbeelding: "