CSS tulajdonsgok
Ebben a cikkben sszerjuk Nektek a legfontosabb CSS tulajdonsgokat, amiket tudtok hasznlni a portlotokon. FONTOS! Ezek csak kd rszletek, teht ezeket hiba illeszted be forrskdba, NEM trtnik semmi! Ezeket a paramtereket azrt rtuk ide ssze, hogy aki mr ismeri kicsit a CSS kdokat, t tudja benne rni az adatokat, illetve j paramtereket is megadhassanak. Pl. ha a CSS-ben nincs sz bet kzti tvolsgrl, akkor itt meg tudja nzni, mely kdrszletet kell megadnia, ahhoz, hogy kzelebb/tvolabb kerljenek a betk egymshoz. rtelemszeren a CSS-dben arra a rszhez msold be, ahol szeretnd ltni a vltozst. Pl. ha az elbb emltett bet kzti tvolsgot szeretnd nvelni a modulfejlcek cmeinl, akkor a CSS-ben a td.modtitle rsznl add meg a letter-spacing-t.
Remlem rthet. Ha nem, akkor a Krdezben krdezz r, hov kell rakni, amit szeretnl megvltoztatni.
Szveg, bet tulajdonsgok |
font-color: #000000; |
szvegszn, rhatod a sznek angol nevt, vagy hexa sznkdban is megadhatod (ezt ltod a pldban), illetve simn color-knt is szerepelhet font nlkl |
font-family: verdana; |
bettpus, lehet mg pl. Arial, Tahoma, Comic Sans Ms, Courier New, Times New Roman, Georgia |
font-size: 8pt; |
betmret; megadhatod pt-ben, %-ban, vagy: xx-small, x-small, small, medium, large, x-large, xx-large |
font-style: italic; |
betstlus, lehet: normal, ekkor nem trtnik semmi, s lehet mg: italic vagy oblique, mindkett azt jelenti, hogy dlt |
font-weight: bold; |
betvastagsg, lehet: normal (norml), bold (flkvr) |
line-height: 9px; |
sortvolsg, ajnlot a betmretnl nagyobb szmot megadni, ellenben sszecssznak a sorok, s ez nem tl eszttikus! |
word-spacing: 10px; |
szavak kztti tvolsg pixelben megadva |
text-transform: uppercase; |
uppercase: sszes bet nagy, capitalize: els bet nagy, lowercase: sszes bet kicsi (ezek linkeknl nagyon jk) |
text-decoration: none; |
szveg dekorcijt adhatod meg, jelenleg none, teht nincs, ha linknl hasznlod, akkor az alaprtelmezett alhzs eltnik. Lehet mg: underline (alhzott), overline (fellhzott), line-through (thzott) |
text-align: center; |
szveg igaztsa, center (kzpre), left (balra), right (jobbra), justify (sorkizrt) |
letter-spacing: 2px; |
betk kztti tvolsg pixelben megadva |
Keretek |
border: #000000 1px solid; |
a border sz jelenti a keretet, szeglyt, a sznkd adja meg a keret sznt, az 1px a mrett, a solid a stlust. Ez egy alap, lentebb lthatod sztbontva. |
border-right: #000000 1px solid; |
ez a jobb oldali szegly, a right sz helyre rhatod: left (bal), top (teteje), bottom (alja). gy kln-kln is megadhatod a szeglyek mrett, stlust, sznt. |
border: solid; |
a solid a sima szeglyt jelenti, llthatod mg pontozottra: dotted, s szaggatottra: dashed. |
Httr |
background |
httr, lentebb olvashatod, miket adhatsz meg |
background-color: #000000; |
httrszn, megadhatod hexasznkdban (ez van a pldban), berhatod a szn angol nevt, de llthatod tltszra is: transparent |
background-image: url ("") |
httrkp, a zrjelben az idzjelek kz rd a kp URL cmt, ha nem akarsz httrkpet: none, vagy gy resen hagyod |
background-position: top left; |
innen kezdi a httrkpet betlteni, most a bal sarok van belltva, szerintem ez az idelis. |
background-attachment: scroll; |
a httrkp grdljn a tartalommal (scroll) vagy ne mozduljon (fixed) |
background-repeat: repeat; |
Httrkp ismtlse. Ismtelje: repeat; Ne ismtelje: no-repeat |
Egyb |
width: 300px; |
szlessg |
height: 20px; |
magassg |
margin: 10 px; |
marg, megadhat oldalanknt: margin-left, margin-right, margin-bottom, margin-top |
|