CSS by T. Afif :verified: on Nostr: Do you know that the below declarations are the same? The display property can take ...
Do you know that the below declarations are the same?
The display property can take two values in any order
- The outer display: how the element is seen from the outside
- The inner display: what layout the element will generate inside
Why? If in the future we add new layouts, we don't have to define two values ("x", "inline-x") but only one value ("x")
A masonry layout? We define "masonry" and we use "inline masonry" or "block masonry"
Online Version: https://css-tip.com/inner-outer-display/
#CSS #HTML
The display property can take two values in any order
- The outer display: how the element is seen from the outside
- The inner display: what layout the element will generate inside
Why? If in the future we add new layouts, we don't have to define two values ("x", "inline-x") but only one value ("x")
A masonry layout? We define "masonry" and we use "inline masonry" or "block masonry"
Online Version: https://css-tip.com/inner-outer-display/
#CSS #HTML
![](https://cdn.masto.host/frontendsocial/media_attachments/files/113/316/719/286/056/006/original/99c1a3f60bceb0fb.png)