Betű-tulajdonságok:
|
CSS tulajdonság
|
Magyar megfelelő
|
Érték(ek)
|
Példa
|
|
font-family
|
betűtípus
|
Betűtípus neve
|
font-family: Courier;
|
|
font-style
|
betűtípus
|
normal (normál)
italic (döntött)
oblique (döntött)
|
font-style: italic;
|
|
font-variant
|
kisbetűs betűk típusa
|
normal (normál)
small-caps (kis nagybetűk)
|
font-variant: small-caps;
|
|
font-weight
|
szöveg vastagság
|
100, 200, 300, 400 = normal, 500, 600, 700 = bold, 800, 900
|
font-weight: 400;
font-weight: bold;
|
|
font-size
|
betűméret
|
abszolút méretek: xx-small, x-small, small, medium, large, x-large, xx-large.
relatív: larger, smaller.
Hossz: mértékegység vagy %.
|
font-size: large;
font-size: smaller;
font-size: larger;
font-size: 12pt;
font-size: 80%;
|
|
@font-face
|
beágyazott betűtípus
|
betűtípus neve és valódi címe.
|
@font-face {font-family: családnév; src: url('/valós cím');}
|
|
font-stretch
|
betűnyújtás
|
normal (normál)
condensed (sűrített)
ultra-condensed
extra-condensed
semi-condensed
expanded (nyújtott)
semi-expanded
extra-expanded
ultra-expanded
|
font-stretch: expanded;
|
|
font
|
betűk tulajdonságai
|
Az összes fenti, valamint:
caption (címkék betűje)
icon (ikonok betűi)
menu (menük betűi)
message-box: (dialógusok betűi)
small-caption: (kis nagybetűknél használt betűtípus)
status-bar: (állapotsor betűi)
|
|
W3Schools.com referencia: http://www.w3schools.com/css/css_font.asp
MSDN-referencia: http://msdn.microsoft.com/en-us/library/ie/hh772050%28v=vs.85%29.aspx
Távolságok, helyek, díszítések:
|
CSS tulajdonság
|
Magyar megfelelő
|
Érték(ek)
|
Példa
|
|
letter-spacing
|
Betűk közti hely
|
… mértékegység
|
letter-spacing: 3mm;
|
|
line-height
|
Sortávolság
|
… mértékegység
|
line-height: 2pt;
|
|
text-align
|
Szöveg igazítása
|
left (balra - alap)
right (jobbra)
center (középre)
justify (hasábszerű)
|
text-align: justify;
|
|
text-align-last
|
Szöveg igazítás öröklése
|
auto (alapértelmezés)
inherit (szülőobjektum szerint)
|
text-align-last: inherit;
|
|
text-autospace
|
Szövegsor feltöltése üres helyekkel
|
none (nincs – alap)
ideograph-alpha
ideograph-numeric
ideograph-parenthesis
ideograph-space
|
Lásd: http://msdn.microsoft.com/en-us/library/ms531164%28v=VS.85%29.aspx
|
|
text-decoration
|
Szöveg díszítése
|
none (semmi – alap)
underline (aláhúzott)
line-throught (keresztülhúzott)
blink (villogó)
|
text-decoration: underline;
|
|
text-indent
|
Szöveg 1. sor behúzása
|
… mértékegység
|
text-indent: 2cm;
|
|
text-justify
|
Objektumon belüli hasáb-rendezés
|
auto
distribute
distribute-all-lines
distribute-center-last inter-cluster
inter-ideograph
inter-word
kashida
newspaper
|
Lásd:
http://msdn.microsoft.com/en-us/library/ms531172%28v=VS.85%29.aspx
|
|
text-overflow
|
Szöveg túlcsordulás jelzése
|
clip (nem jelez - alap)
ellipses (…) jelzés
|
text-overflow: clip;
|
|
text-transform
|
Szöveg méretezése
|
capitalize (minden szó 1. betűje nagy)
uppercase (minden betű nagy)
lowercase (minden betű kicsi)
none (semmi - alap)
|
text-transform: capitalize;
|
|
vertical-align
|
Objektum függőleges rendezése
|
auto (automatikus) baseline (alapvonal)
sub (alá)
super (fölé)
top (telejére)
middle (középre)
bottom (legalulra)
text-top (szöveg tetejére) text-bottom (szöveg legaljára)
|
vertical-align: top;
|
|
white-space
|
Szövegtörés megakadályozása
|
normal (automatikus – alap)
nowrap (nincs sortörés)
pre (a sortörések előkészítettek)
pre-line (a sortörések megmaradnak)
pre-wrap (a sortörések nem maradnak meg)
|
white-space: pre;
|
|
width
|
Objektum szélessége
|
… mértékegység
|
width: 520px;
|
|
word-break
|
Szótagolás
|
normal (alap)
break-all
keep-all
|
Lásd: http://msdn.microsoft.com/en-us/library/ms531184%28v=VS.85%29.aspx
|
|
word-spacing
|
Szavak közti üres hely mérete
|
normal (alap)
… mértékegység
|
word-spacing: 2cm;
|
|
word-wrap
|
Túl hosszú szavak tördelése
|
normal (szótagolhatók - alap)
break-word (elkerülendő)
|
word-wrap: normal;
|
|
writing-mode
|
Írásirány
|
lr-tb (balról jobbra, majd fentről lefelé – alap)
tb-rl (fentről lefelé, majd jobbról balra írás)
|
writing-mode: lr-tb;
|
W3Schools.com referencia: http://www.w3schools.com/css/css_text.asp
MSDN referencia: http://msdn.microsoft.com/en-us/library/ie/hh772058%28v=vs.85%29.aspx
Forrás: http://www.tferi.hu/html-konyv/css-tablak-1 | 
0
