Velike črke, male črke in velika začetnica s CSSjem

crke_thumb
S pomočjo tega vodiča boste lahko besedilu določili le velike črke ali le male črke, lahko pa boste določili le veliko začetnico vsem besedam, ali pa le prvi. To boste lahko naredili s pomočjo kode text-transform.

 

Celoten pristop je zelo uporaben, saj lahko s pomočjo tega nadzirate obliko vseh naslovov na vaši spletni strani, neglede na to, kdo in kako jih piše.

 

 

HTML in CSS koda:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">

#ena {text-transform: uppercase}
#dva {text-transform: capitalize}
.tri {text-transform: lowercase}

</style>
</head>

<body>

<p id="ena">moje mesto - slovenski vodiči</p>
<p id="dva">moje mesto - slovenski vodiči</p>
<p class="tri">moje mesto - slovenski vodiči</p>
<p class="tri">Moje Mesto - Slovenski vodiči</p>

</body>
</html>

PRIKAZ velikih črk, malih črk ter velikih začetnic

 

 

Razlaga kode:

 

Kakšna je razlika med lojtro ( # ) in piko ( . ) si oglejte v vodiču o osnovah CSSja.

 

text-transform v slovenskem prevodu pomeni preoblikovanje besedila in točno to ta koda tudi naredi.

Uppercase določa, da so vse črke velike.

Capitalize določa, da so vse prve črke besed velike.

Lowercase določa, da so vse črke male.

 

Če želite imeti veliko le prvo črko v naslovu oz. odstavku si morate ogledati vodič o prvi črki, ki vam bo dal nekaj dodatnih idej, s katerimi boste lahko popestrili spletno stran.

 

 

Upam, da si boste z zgornjo kodo pomagali in poenotili svoje članke, ki jih imate na strani.

Vsi vodiči so na voljo BREZPLAČNO!
Pišite mi

Želite mnenje ali pomoč pri vašem projektu?

Pišite mi in bom pomagal, kakor bom v tistem trenutku lahko.