TEKSTA FORMATĒJUMs
Šis teksts ir veidots ar kādu no teksta formatēšanas īpašībām. Pozīcijai izmanto text-align, teksta pārveidošana, un krāsu īpašības. Punktu izrobota, izlīdzināums, un attālums starp rakstzīmē. Pasvītrojums tika noņemts no --->"pamēģināt" <---saites.
Teksta krāsa
Krāsu īpašība tiek izmantota, lai iestatītu teksta krāsu.
Ar CSS, krāsu visbiežāk norāda:
- HEX vērtība - piemēram, "#FF0000" color: #ffffff; -tā ir balta krāsa un #000000; -melnā
- krāsa
- RGB vērtību - piemēram, "RGB (255,0,0)"
- krāsas nosaukums - piemēram, "red" "blue" "green" "yellow"
Paskaties CSS krāsu vērtības , lai iegūtu pilnu sarakstu ar iespējamiem krāsu vērtībām.
Noklusējuma krāsa lapā ir noteikta ar (body) selektoru.
 |
Piezīme: Par W3C prasībām atbilstošu CSS: Ja definēt krāsu īpašības, jums ir arī jānosaka
fona krāsu īpašība. |
|---|
Teksts Līdzinājums
Text-align īpašība tiek izmantota, lai iestatītu horizontālo līdzinājumu tekstam.
Tekstu var centrēt vai pielāgot, lai pa kreisi vai pa labi.
Ja text-align ir iestatīts uz "justify", katra līnija tiek izstiepta, lai katra līnija
ir vienāda platuma, un kreiso un labo starpība ir taisni (piemēram, žurnālos un laikrakstos).
Piemērs
h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}
Izmēģiniet to pats »
Teksts Apdares (text-decoration)
Teksta noformēšanas īpašība tiek izmantota, lai iestatītu vai noņemtu rotājumu no teksta, t.i.
pasvītrojums, piemēram linkiem pēc noklusējuma ir pasvītrojums (underline), to var
noņemt izmantojot stilu ( text-decoration: none; )
Teksta noformēšana īpašums ir galvenokārt izmanto, lai noņemtu uzsver, no saites uz dizaina vajadzībām:
To var arī izmantot, lai rotāt tekstu:
Piemērs
h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
Izmēģiniet to pats »
|
Piezīme: Tas nav ieteicams, (tekstu pasvītrot) lai uzsvērtu tekstu, kas nav hipersaite,
jo tas bieži vien mulsina lietotājus. |
|---|
Teksts transformācijas
Teksta transformācijas īpašība tiek izmantots, lai norādītu lielos un mazos burtus tekstā.
To var izmantot, lai ieslēgtu visu uz lielajiem vai mazajiem burtiem,
vai kapitalizēt pirmo burtu katra vārda.
Piemērs
p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}
Izmēģiniet to pats »
Teksta Atkāpes
Teksta ievilkuma īpašība tiek izmantota, lai norādītu atkāpi no lapas sākuma
pirmajā rindā tekstā. ( kas identiska, ja jūs wordā iezīmējot rindkopu nospiežat "TAB" )
Vairāk Piemēri
Norādiet atstarpi starp rakstzīmēm
Šis piemērs parāda, kā palielināt vai samazināt atstarpi starp rakstzīmēm.
Norādiet atstarpi starp rindām
Šis piemērs parāda, kā noteikt vietu starp kādā punktu līnijas.
Uzstādīt teksta virzienu elementu
Šis piemērs parāda, kā mainīt teksta virzienu elementa.
Palielināt atstarpēm starp vārdiem
Šis piemērs parāda, kā palielināt atstarpēm starp vārdiem kādā punktā.
Atslēgt Teksta aplaušana iekšā elementa
Šis piemērs parāda, kā atspējot teksta aplaušana iekšā elementa.
Vertikālā izlīdzināšana attēla
Šis piemērs parāda, kā noteikt vertikāli saskaņot no attēlu tekstu.
Pievienot ēnu tekstam
Šis piemērs parāda, kā pievienot ēnu tekstu.
Visi CSS teksta īpašības
| Property | Description |
|---|
| color |
Sets the color of text, teksta krāsa |
| direction |
Specifies the text direction/writing direction, teksta virziens |
| letter-spacing |
Increases or decreases the space between characters in a text
attālums starp burtiem |
| line-height |
Sets the line height, līnijas augstums |
| text-align |
Specifies the horizontal alignment of text, teksta izlīdzinājums |
| text-decoration |
Specifies the decoration added to text, teksta apdare |
| text-indent |
Specifies the indentation of the first line in a text-block, atkāpe |
| text-shadow |
Specifies the shadow effect added to text, ēnotais teksts |
| text-transform |
Controls the capitalization of text, visi lieli burti, vai visi mazi burti, |
| unicode-bidi |
Used together with the direction property to set or return whether the text should be overridden to support multiple languages in the same document |
| vertical-align |
Sets the vertical alignment of an element, vertikāls izlīdzinājums |
| white-space |
Specifies how white-space inside an element is handled |
| word-spacing |
Increases or decreases the space between words in a text, attālums
starp vārdiem |
|
