Danyɔrɔw farali fɛnw kan CSS kɔnɔ, o ye seko jɔnjɔn ye walasa ka i ka ɛntɛrinɛti yɔrɔw ɲɛnajɛcogo n’u jɔcogo ɲɛ. `dancɛ` nafolo ye o baarakɛminɛn fɔlɔ ye, min b'a To i bɛ Se ka fɛn dɔ dancɛ **cogo**, **bonya** ani **kulu** kɔlɔsi fɔlisen kelen kɔnɔ.
### `Dancɛ` Sɛrɛkili Nafa
Dankan dɔ farali fɛɛrɛ min ka teli ka kɛ, o ye ka baara kɛ ni `dancɛ` surunyali nafolo ye. A kɔrɔɲɔgɔnmaya ye tilennen ye:
```css ye
dancɛ: [bonya] [cogo] [kulu];
Misali la, walasa ka dancɛ nɛrɛma jɛlen dɔ fara ja dɔ kan min ye pixel 2 ye:
```css ye
img {
dancɛ: 2px nɛrɛmuguma gɛlɛn;
} .
Aw bɛ se fana ka dankan fan kelen-kelen bɛɛ ɲɛfɔ u danma walasa ka kɔrɔsili granular caman sɔrɔ:
- `dancɛ-bonya` : A bɛ janya sigi (misali la, `1px`, `0.5em`, `thin`).
- `dancɛ-cogo` : A bɛ zana cogoya ɲɛfɔ (misali la, `solid`, `dashed`, `dotted`, `double`, `groove`).
- `border-color`: A bɛ kulɛri jira (ka baara kɛ ni kulɛri tɔgɔlalenw ye, HEX, RGB, walima HSL nafaw).
### Danyɔrɔw tali fan kɛrɛnkɛrɛnnenw na
CSS bɛ kunnafoni tigitigi di, o b’a to i bɛ dancɛw fara fɛn dɔ fan kelen-kelen bɛɛ kan ni nin nafa ninnu ye:
- `dancɛ-sanfɛ`
- `dancɛ-jogo`
- `dancɛ-kɔnɔna`
- `dancɛ-nɛgɛjuru`
U kelen-kelen bɛɛ bɛ tugu `[width] [style] [color]` kɔrɔɲɔgɔnmaya kelen na. Misali la, walasa ka ja jukɔrɔla masirilen dɔ fara barokun dɔ kan:
```css ye
h2 {
dancɛ-kɔnɔna: 4px dakun #ff6b6b;
} .
### Dancɛ cogoyaw ni baarakɛcogo minnu bɛ kɛ tuma bɛɛ
`Border-style` property bɛ yecogo suguya caman di:
- **`solid`**: Layini min bɛ taa ɲɛ. A ka ɲi butɔni ni minɛnw kama.
- **`dashed`**: Daɲɛw bɛ tugu ɲɔgɔn na. Nafa bɛ a la ka yɔrɔw jira minnu tɛ baara kɛ.
- **`dotted`**: Nɔgɔw sigiyɔrɔma. Tuma caman na, a bɛ kɛ ka ɲɛsin danfaralan nɔgɔlenw ma.
- **`double`**: Layini fila minnu bɛ ɲɔgɔn ta. A bɛ nɔ dɔ da min bɛ kɛ cogo la min bɛ kɛ cogo la min bɛ kɛ cogoya la, min bɛ kɛ karamɔgɔya la.
- **`groove`**: 3D groove effect, ka kɛɲɛ ni dankan-kulu ye.
### Ladilikan nafamaw ani wale ɲumanw
1. **Baara kɛ ni `dancɛ-radius` ye nkɔni lamininenw kama**: Aw bɛ `dan` ni `dancɛ-radius` nafolo fara ɲɔgɔn kan walasa ka dakun nɔgɔlenw ni bi, teriya UI yɔrɔw dilan.
```css ye
.butɔn { .
dancɛ: 2px solide #4ecdc4;
dancɛ-janya: 8px;
} .
2. **Aw hakili to Box Model la**: Dan bɛ dɔ fara fɛn dɔ hakɛ bɛɛ kan. Ni fɛn dɔ b’i bolo min ka `bonya` ni `janya` ɲɛfɔlen ye 100px ye ani ka `5px` dancɛ fara a kan, a bɛɛ lajɛlen hakɛ jiralen bɛ kɛ 110px ye ni 110px ye. Baara kɛ ni `box-sizing: border-box;` ye walasa ka dancɛ ni padding don element ka bonya ni a janya kofɔlen kɔnɔ.
3. **Dancɛ jɛlenw layidu sabatilenw kama**: Tuma dɔw la, i bɛ se ka dancɛ `kɔrɔlen` fara a kan i n’a fɔ yɔrɔ-yɔrɔ walasa ka layidu jiginni bali ni dancɛ dɔ farala walima ni a bɔra baarakɛlaw ka jɛɲɔgɔnya kan (i n’a fɔ `:hover`).
CSS dancɛw dɔnni ye fɛɛrɛba ye walasa ka sitiw dilan minnu bɛ mɔgɔ ɲɛnajɛ ani minnu labɛnna ka ɲɛ. Aw ye cogoya, bonya ani kulɛri suguya wɛrɛw kɛ k’a lajɛ walasa k’a dɔn u bɛ se ka aw ka dilancogo ɲɛ cogo min na.
aw ka jago ɲɛnabɔ ni Mewayz ye
Mewayz bɛ na ni jago modulu 208 ye ka kɛ kɛnɛ kelen ye — CRM , fatura , poroze ɲɛnabɔli , ani fɛn wɛrɛw . Aw ka fara baarakɛla 138.000+ kan minnu y’u ka baarakɛcogo nɔgɔya.
A daminɛ hɔrɔnya bi →
ani k'a siri div kɔnɔ ni class="faq-section" ye.
Aw tɛ se ka baara kɛ ni markdown ye.
Aw kana baara Kɛ ni HTML taamaʃyɛn wɛrɛw ye fo div ni ɲininkaliw cogoya.
Ɲininkali kelen-kelen bɛɛ jaabi ka kan ka kɛ dakun kelen kɔnɔ.