cnumr / cnumr/wiki

Compartimentation CSS - contain & content-visibility

Open
#13 0 comments 0 reactions 0 assignees View on GitHub
Proposal
Dominant language
No language data
Stars
3
Forks
4
PR merge metrics
No merged PRs in 30d

Description

### 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 :**
- https://developer.mozilla.org/fr/docs/Web/CSS/contain
- https://developer.mozilla.org/fr/docs/Web/CSS/CSS_Containment

### content-visibility

```
article {
content-visibility: auto
}
```

**Pris en compte uniquement par :**
- Chrome

**Sources :**
- https://web.dev/content-visibility/

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.