CSS - SOMO LA 8: Upambaji wa Maandishi (Text Styling)
Katika somo hili, utajifunza mbinu mbalimbali za kubadilisha muonekano wa maandishi kwa kutumia CSS, kama vile kupamba maandishi kwa mistari, kivuli, nafasi kati ya herufi, na mpangilio wa maneno.
? Utangulizi
Baada ya kujifunza jinsi ya kudhibiti fonti kwenye CSS, hatua inayofuata ni kupamba maandishi ili yawe na mvuto na usomaji bora. Upambaji huu hufanywa kwa kutumia properties za CSS kama text-decoration, text-shadow, letter-spacing, word-spacing, na text-align. Hizi husaidia kufanya maandishi yaonekane kwa mtindo maalum au wa kipekee.
? Maudhui ya Somo
✅ 1. text-decoration
Inatumika kuweka mistari kwenye maandishi kama vile mstari wa chini, juu, au mstari wa kupitisha kati.
a {
text-decoration: underline;
}
Chaguzi:
-
none– Hakuna mistari -
underline– Mistari ya chini ya maandishi -
overline– Mistari ya juu ya maandishi -
line-through– Mistari katikati ya maandishi
✅ 2. text-shadow
Inatumika kuongeza kivuli kwenye maandishi.
h1 {
text-shadow: 2px 2px 5px gray;
}
Format:text-shadow: horizontal vertical blur-radius color;
-
horizontal– umbali wa kivuli upande wa kulia au kushoto -
vertical– umbali wa kivuli juu au chini -
blur-radius– kipenyo cha kivuli -
color– rangi ya kivuli
✅ 3. letter-spacing
Hudhibiti nafasi kati ya kila herufi.
p {
letter-spacing: 2px;
}
-
Thamani hasi hupunguza nafasi
-
Thamani chanya huongeza nafasi
✅ 4. word-spacing
Hudhibiti nafasi kati ya maneno.
p {
word-spacing: 10px;
}
✅ 5. text-align
Hudhibiti mpangilio wa maandishi katika mstari.
div {
text-align: center;
}
Chaguzi:
-
left– Maandishi yanapangwa upande wa kushoto -
right– Maandishi yanapangwa upande wa kulia -
center– Maandishi yanapangwa katikati -
justify– Maandishi yanapangwa kwa usawa, na nafasi kati ya maneno kuongezwa ili kufikia upana wa element
✅ 6. white-space
Hudhibiti jinsi nafasi nyeupe (nafasi am...
help_outlineZoezi la Maswali
Umeionaje Makala hii.. ?
Share On:
👉1 Bongolite - Game zone - Play free game 👉2 Sira ya Mtume Muhammad (s.a.w) 👉3 ai web app 👉4 Dua za Mitume na Manabii 👉5 Tafasiri ya Riyadh Swalihina 👉6 web hosting
Post zinazofanana:
CSS - SOMO LA 11: Mitindo ya Border (Border Styles)
Katika somo hili, utajifunza jinsi ya kudhibiti mipaka (borders) ya vipengele kwa kutumia CSS. Tutajifunza namna ya kuweka unene wa border, rangi, aina ya mstari, na pia jinsi ya kutumia border kwa upande mmoja tu.
Soma Zaidi...CSS - SOMO LA 31: CSS Filters (blur, brightness, contrast.)
Katika somo hili tutajifunza kuhusu CSS Filters — mitindo inayotumika kuhariri mwonekano wa picha, video, au elementi nyingine kwa kuongeza athari kama blur, brightness, contrast, grayscale, na nyinginezo. Hii huifanya tovuti kuwa ya kisasa, ya kuvutia, na yenye mwingiliano mzuri.
Soma Zaidi...CSS - somo la 6: Kuweka Background kwenye HTML kwa kutumia CSS
Katika somo hili, utajifunza jinsi ya kudhibiti muonekano wa sehemu ya nyuma (background) ya HTML element kwa kutumia CSS. Utaweza kuongeza rangi, picha, kuweka picha zisirudiwarudiwe, na hata kusogeza picha kwenye maeneo tofauti ya ukurasa.
Soma Zaidi...CSS - SOMO LA 14: Position Property
Katika somo hili utajifunza kuhusu property ya position katika CSS, ambayo hutumika kuamua jinsi element inavyowekwa ndani ya ukurasa. Tutajifunza aina tano kuu za position: static, relative, absolute, fixed, na sticky.
Soma Zaidi...CSS - SOMO LA 30: CSS Functions – calc(), clamp(), var(), min(), max() na Custom Functions
Katika somo hili, tutajifunza kuhusu CSS functions muhimu zinazotumika kufanya mahesabu, kuweka vipimo vya kisasa vinavyobadilika kulingana na hali ya kifaa, na kutumia variables. Tutazingatia functions kama: calc(), clamp(), var(), min(), max(), na mwishoni tutajifunza jinsi ya kutengeneza custom function kwa kutumia variables.
Soma Zaidi...CSS - somo la 1: Maana ya CSS, kazi zake na historia yake
Katika somo hili utakwenda kujifunza maana ya CSS, pia nitakujulisha kazi zake. Mwisho utatambuwa historia ya CSS toka kuanzishwa.
Soma Zaidi...