Testua
Testu-erabilgarritasun arrunten dokumentazioa eta adibideak lerrokatzea, biltzea, pisua eta abar kontrolatzeko.
Testuaren lerrokatzea
Erraz lerrokatu testua osagaiekin testua lerrokatzeko klaseekin.
Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. At nos hinc posthac, sitientis piros afroak. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.
Ezkerreko, eskuineko eta erdiko lerrokatzeetarako, sare-sistemaren bista-zabalera eten-puntu berdinak erabiltzen dituzten klase sentikorrak daude eskuragarri.
Ezkerrean lerrokatuta dagoen testua bista-tamaina guztietan.
Zentratu lerrokatutako testua bista-tamaina guztietan.
Eskuinean lerrokatuta dagoen testua bista-tamaina guztietan.
Ezkerrean lerrokatuta dagoen testua SM (txikia) edo zabalagoa duten bistaratzeetan.
Ezkerrean lerrokatuta dagoen testua MD (ertaina) edo zabalagoko bistaratzeetan.
Ezkerrean lerrokatuta dagoen testua LG tamainako (handia) edo zabalagoko bisualetan.
Ezkerrean lerrokatuta dagoen testua XL tamainako (handiagoa) edo zabalagoko bisualetan.
Testua biltzea eta gainezkatzea
Bilatu testua .text-wrap
klase batekin.
.text-nowrap
Saihestu testua klase batekin biltzea .
Eduki luzeagoa lortzeko, .text-truncate
klase bat gehi dezakezu testua elipsi batekin mozteko. edo eskatzen du .display: inline-block
display: block
Hitz-haustea
Saihestu testu-kate luzeek zure osagaien diseinua haustea .text-break
ezartzeko word-wrap: break-word
eta word-break: break-word
. Arakatzaileen euskarria zabalagorako word-wrap
ohikoagoa denaren ordez erabiltzen dugu , eta zaharkitua gehitzen dugu flex edukiontziekin arazoak saihesteko.overflow-wrap
word-break: break-word
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
Testu-eraldaketa
Eraldatu testua osagaietan testu larriz idazteko klaseekin.
Testua minuskulaz.
Testua maiuskulaz.
Testu maiuskulatua.
Kontuan izan nola .text-capitalize
hitz bakoitzaren lehen letra bakarrik aldatzen den, beste edozein hizkiren maiuskulak eragin gabe utziz.
Letraren pisua eta letra etzana
Azkar aldatu testuaren pisua (lodia) edo jarri testua etzana.
Testu lodia.
Testu lodiagoa (elementu nagusiari dagokiona).
Pisu arrunteko testua.
Testu arina.
Testu arinagoa (elementu nagusiari dagokiona).
Testu etzana.
Monoespazioa
Aldatu aukeraketa bat gure espazio bakarreko letra-tipo-pilara .text-monospace
.
Hau monoespazioan dago
Berrezarri kolorea
Berrezarri testu edo estekaren kolorea rekin .text-reset
, bere gurasoaren kolorea hereda dezan.
Ezkutatuta dagoen testua berrezartzeko esteka batekin .
Testu dekorazioa
Kendu testu-apainketa .text-decoration-none
klase batekin.