TFeri.hu

CSS táblázatok 1. PDF Nyomtatás E-mail
  

Tamás Ferenc: CSS táblázatok 1.

Ez az írás azoknak készült, akik már értik a HTML és a CSS nyelveket, csak használat közben kellene egy adott tulajdonság vagy érték.
Kérem, hogy senki se ezzel kezdje a CSS tanulmányait, mert ez nem bevezető jellegű írás!

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

 
Ulti Clocks content

Hirdetés