CSS parancs |
Magyarázat |
Kód |
Background-attachment |
Beállítja, hogy a háttérkép rögzítve van-e, vagy görgetéssel eyütt halad. |
background-attachment:fixed; |
Background-color |
Egy elem háttérszínét határozza meg. |
body {backgorund-color:lightblue;} |
Background-image |
Ezzel a paranccsal lehet képet háttérképként használni. |
body{background-image:url("valami.png")} |
Background-position |
Meghatározza a háttérkép kiindulóhelyzetét. |
background-position:center; |
Background-repeat |
Beállítja, hogy a háttérkép ismétlődhet-e |
background-repeat: no-repeat; |
Border |
Az összes szegélyt beállítja. |
Border: 5px lightgrey |
Bottom |
Meghatározza egy már beállított elem helyét |
bottom: 25px |
Clear |
Nem engedi, hogy egy elem adott oldalán bármilyen modifikáció legyen |
clear: both |
Color |
A szöveg textúráját állíthatjuk be vele |
color:green |
Cursor |
Meghatározhatjuk vele, hogy milyen típusú kurzort jelenítsen meg |
span.crosshair{cursor: crosshair;} |
Display |
Meghatározza, hogy egy bizonyos HTML elem hogyan jelenjen meg |
display:inline |
Float |
Megmondja, hogy egy cellának lebegnie kell, vagy sem |
float:right |
Font |
Egy deklarálásban állítja be az összes tulajdonságot |
font: 15px arial, sans seriff |
Font-family |
Meghatározza a betűtípus csoportját a szöveg számára |
font-family: "Times New Roman", Georgia, Serif; |
Font-size |
Ezzel állíthatunk a betűméreten |
font-size: 250%; |
Font-stretch |
Kiválasztja, hogy a szöveg normál, sűrített, vagy tágított fajtájú legyen |
font-stretch: expanded; |
Font-style |
A betűtípust határozza meg |
font-style: italic; |
Height |
Egy elem magasságát állíthatjuk be |
height:200px |
Left |
Balra helyezi a specifikált elemet |
left: 80px |
Letter-spacing |
A karakterek közötti távolságot csökkenthetjük vagy növelhetjük |
letter-spacing: 2px; |
Line-height |
A vonal magasságát állítja be |
line-height: 90%; |
List-style |
Egy lista tulajdonságát határozza meg egy deklarációban |
list-style: square url("sqpurple.gif"); |
Margin |
Margót helyez el az adott deklarálásban |
margin: 2cm 4cm 3cm 4cm; |
Opacity |
Egy elem átlátszatlanságát állítja be |
opacity: 0.5; |
Overflow |
Ebben a parancsban meghatározhatjuk, hogy mi történjen, ha a szöveg kilép a cellából |
Kód |
Padding |
Ezzel a paranccsal igazíthatjuk a sorokat |
padding: 2cm 4cm 3cm 4cm; |
Position |
Egy adott elem pozícióját állítja be |
position: absolute; |
Right |
Jobbra helyezi az adott elemet |
Kód |
Text-align |
A szöveg vízszintes helyzetét modifikálhatjuk vele |
text-align: center; |
Text-decoration |
Dekorációt ad a szövegre |
text-decoration: overline; |
text-justify |
Ez a parancs meghatározza a jogosság metódust, amikor a text-align jogosra van állítva |
text-align: justify;
t ext-justify: inter-word; |
Text-transform |
Átalakítja a bekedések szövegét |
text-transform: uppercase; |
Top |
Az elemet a weboldal vagy cella felső részére helyezi |
top: 80px; |
Vertical-align |
A szöveg függőleges helyzetét állítgathatjuk vele |
Kód |
Visibility |
A szöveg vagy kép láthatóságát határozza meg |
Kód |
Width |
Széllességet állítunk vele |
p.ex {
height: 100px;
width: 100px; |
Z-index |
|
p.ex {
height: 100px;
width: 100px; |