Menene abin da `display` property ke sarrafa?

Question

Accepted Answer

`display` ɗaya ne daga cikin mafi mahimmancin CSS properties — yana sarrafa **yadda element ke buɗa akwati** da yadda 'ya'yansu ke jajere.

```css
.a { display: block; }        /* full width, starts new line (div, p, section) */
.b { display: inline; }       /* flows in text, ignores width/height (span, a) */
.c { display: inline-block; } /* flows inline BUT respects width/height/margins */
.d { display: none; }         /* removed entirely — no space, not rendered */
.e { display: flex; }         /* flex container — 1D layout for children */
.f { display: grid; }         /* grid container — 2D layout for children */
```

## Waje da gida display

`display` ainihin shine yana saita abubuwa biyu: yadda akwatin ke aiki **waje** (block/inline) da yadda yana jajere 'ya'yansu **a gida** (flow/flex/grid). `display: flex` yana nufin "wannan akwatin shine block-level, da 'ya'yansu abubuwan flex jajere ne."

## display: none da visibility: hidden

```css
.gone   { display: none; }        /* removed from layout — takes NO space */
.hidden { visibility: hidden; }    /* invisible but STILL occupies its space */
```

Maɓuɓɓugi mai mahimmanci: `display: none` yana naraba jajere (kuma yana ɓoye daga mai karatu jita) ; `visibility: hidden` yana bar sarari inda element ya kasance. Yi amfani da `display: none` don hakin cire, `visibility: hidden` don ɓoye yayin da ake kula da jajere.

## Jajeren abubuwan da aka azaba

```css
.container {
  display: flex;          /* lay children in a row/column (one dimension) */
  gap: 1rem;
}
.grid {
  display: grid;          /* lay children in rows AND columns (two dimensions) */
  grid-template-columns: repeat(3, 1fr);
}
```

Jajere na zamani yana gina kusan gida duka a kan `flex` (1D — layuka ko shafuka) da `grid` (2D — layuka da shafuka tare).

## Menene abin da ake ƙaidaddun gamsuwar

`display` yana ƙayyade halin jajere na element duka.

Sanin block da inline da inline-block yana bayyana tashin baki na zamani; `flex`/`grid` mahimmancin jajere na zamani ne; da bambancin `none` da `visibility` bambanci ne da aka gwada sau da yawa, bayani mai mahimmaci ne a amfani.