HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
menü MENÜ    

CSS3 stíluslapok készítése

CSS3 szövegformázás


    Megismerjük stíluslapok szövegek formázására használható jellemzőit.                         

Programozott tananyag:


A szöveg színe
Az egyes karakterek színe mindig megegyezik az őt tartalmazó HTML elemre érvényes színnel.

A szöveg háttérszíne
Az egyes karakterek háttérszíne mindig megegyezik az őt tartalmazó HTML elemre érvényes háttérszínnel.

Szövegigazítás
A szövegszerkesztőknél megszokott módon a szöveges tartalmat, a szöveget tartalmazó elemen belül igazíthatjuk balra, jobbra, középre. Használhatjuk továbbá a sorkizárt formát is.

Szövegdekoráció
A text-decoration tulajdonság segítségével a szöveget aláhúzhatjuk, fölé húzhatjuk vagy áthúzhatjuk. A tulajdonság blink értékénél pedig szövegünk villogni fog.

Kisbetű-nagybetű átalakítás
A text-transform tulajdonság segítségével nagybetűsre alakíthatjuk a szöveg minden, vagy szavai első betűit. Kisbetűsre alakíthatjuk valamennyi betűjét.

Szövegbehúzás
A text-indent ( szöveg behúzása ) tulajdonság segítségével a bekezdések első sorának behúzását állíthatjuk be.

Betűköz beállítása
A letter-spacing tulajdonság értékével növelhető vagy csökkenthető a szöveg karakterei közötti térköz.

Sormagasság beállítása
A sormagasság a line-height tulajdonságnál, a betűmérethez viszonyított relatív értékkel és pixelben is megadható.

Szóköz beállítása
A word-spacing tulajdonság növelhető vagy csökkenthető a szóköz.

A szöveg árnyéka
A text-shadow tulajdonság segítségével a szöveg árnyékát állíthatjuk be.

Függőleges igazítás
A vertical-align tulajdonság segítségével sorközi elemeknek a sorban elfoglalt függőleges pozíciója adható meg.

Elválasztó karakterek kezelése
A white-space tulajdonság értékével megadható, hogy a böngésző miként kezelje a forrásszövegben található szóköz, sortörés és tabulátor karaktereket.

Szótörés, szóelválasztás
A word-wrap tulajdonság értékével megadható, hogy a böngésző miként törheti meg a hosszú szavakat.