Skip to content

Compartimentation CSS - contain & content-visibility #13

@florinesueur

Description

@florinesueur

Contain

La propriété CSS contain permet de modifier la portée (scope) d'un noeud dans l'arbre DOM.

article {
  contain: content;
}

Avantages :

  • Calcul et recalcul (les positions, la mise en forme, les dispositions et l'affichage) du navigateur scopé et non plus de la page entière
  • Chargement paresseux à la lazy loading pour les noeuds situés hors écran

Non prise en charge par les navigateurs suivants :

  • Internet explorer
  • Safari

Sources :

content-visibility

article {
content-visibility: auto
}

Pris en compte uniquement par :

  • Chrome

Sources :

Metadata

Metadata

Assignees

No one assigned

    Labels

    ProposalProposition d'une nouvelle règle

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions