CSS parancsok

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