rtgx

CSS2 referenčná príručka

Podpora prehliadačov: IE: Internet Explorer, M: iba IE pre Mac, F: Firefox, N: Netscape.

W3C: Číslo v stĺpci "W3C" znamená verziu CSS normy (CSS1 or CSS2).

Background

Vlastnosť

Popis

Hodnoty

IE

F

N

W3C

background

Skrátený zápis pre nastavenie všetkých vlastností pozadia v jednej deklarácii.

background-color
background-image
background-repeat background-attachment background-position

4

1

6

1

background-attachment

Sets whether a background image is fixed or scrolls with the rest of the page

scroll
fixed

4

1

6

1

background-color

Nastaví farbu pozadia elementu

color-rgb
color-hex
color-name
transparent

4

1

4

1

background-image

Nastaví obrázok ako pozadie elementu

url( URL )
none

4

1

4

1

background-position

Nastaví  pozíciu kam bude umiestnený obrázok pozadia

top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x% y%
xpos ypos

4

1

6

1

background-repeat

Nastaví či sa má a akým spôsobom obrázok pozadia opakovať

repeat
repeat-x
repeat-y
no-repeat

4

1

4

1

Border

Property

Description

Values

IE

F

N

W3C

border

Skrátený zápis pre nastavenie všetkých vlastností štyroch okrajov v jednej deklarácii

border-width
border-style
border-color

4

1

4

1

border-bottom

Skrátený zápis pre nastavenie všetkých vlastností dolného okraja v jednej deklarácii

border-bottom-width
border-style
border-color

4

1

6

1

border-bottom-color

Nastaví farbu dolného okraja

border-color

4

1

6

2

border-bottom-style

Nastaví štýl dolného okraja

border-style

4

1

6

2

border-bottom-width

Nastaví šírku spodného okraja

thin
medium
thick
length

4

1

4

1

border-color

Nastaví farbu štyroch okrajov, môže obsahovať jednu až štyri farby

color

4

1

6

1

border-left

A shorthand property for setting all of the properties for the left border in one declaration

border-left-width
border-style
border-color

4

1

6

1

border-left-color

Nastaví farbu ľavého okraja

border-color

4

1

6

2

border-left-style

Nastaví štýl ľavého okraja

border-style

4

1

6

2

border-left-width

Nastaví šírku ľavého okraja

thin
medium
thick
length

4

1

4

1

border-right

A shorthand property for setting all of the properties for the right border in one declaration

border-right-width
border-style
border-color

4

1

6

1

border-right-color

Sets the color of the right border

border-color

4

1

6

2

border-right-style

Sets the style of the right border

border-style

4

1

6

2

border-right-width

Sets the width of the right border

thin
medium
thick
length

4

1

4

1

border-style

Sets the style of the four borders, can have from one to four styles

none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset

4

1

6

1

border-top

A shorthand property for setting all of the properties for the top border in one declaration

border-top-width
border-style
border-color

4

1

6

1

border-top-color

Nastaví farbu horného okraja

border-color

4

1

6

2

border-top-style

Nastaví štýl horného okraja

border-style

4

1

6

2

border-top-width

Nastaví šírku horného okraja

thin
medium
thick
length

4

1

4

1

border-width

A shorthand property for setting the width of the four borders in one declaration, can have from one to four values

thin
medium
thick
length

4

1

4

1

Classification

Property

Description

Values

IE

F

N

W3C

clear

Nastaví stranu elementu, na ktorej nie sú povolené ostatné plávajúce elementy

left
right
both
none

4

1

4

1

cursor

Špecifikuje zobrazený typ kurzoru

url
auto
crosshair
default
pointer
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help

4

1

6

2

display

Nastaví či sa má zobrazovať a ako sa má element zobrazovať

none
inline
block
list-item
run-in
compact
marker
table
inline-table
table-row-group
table-header-group
table-footer-group
table-row
table-column-group
table-column
table-cell
table-caption

4

1

4

1

float

Sets where an image or a text will appear in another element

left
right
none

4

1

4

1

position

Umiestni element na statickú, relatívnu, absolútnu alebo fixnú pozíciu

static
relative
absolute
fixed

4

1

4

2

visibility

Nastaví viditeľnosť/neviditeľnosť elementu

visible
hidden
collapse

4

1

6

2

Dimension

Property

Description

Values

IE

F

N

W3C

height

Nastaví výšku elementu

auto
length
%

4

1

6

1

line-height

Nastaví vzdialenosť medzi riadkami

normal
number
length
%

4

1

4

1

max-height

Nataví maximálnu výšku elementu

none
length
%

-

1

6

2

max-width

Nastaví maximálnu šírku elementu

none
length
%

-

1

6

2

min-height

Nastaví minimálnu výšku elementu

length
%

-

1

6

2

min-width

Nastaví minimálnu šírku elementu

length
%

-

1

6

2

width

Nastaví šírku elementu

auto
%
length
  

4

1

4

1

Font

Property

Description

Values

IE

F

N

W3C

font

Skrátený zápis pre nastavenie všetkých vlastností fontu v jednej deklarácii

font-style
font-variant
font-weight
font-size/line-height
font-family
caption
icon
menu
message-box
small-caption
status-bar

4

1

4

1

font-family

A prioritized list of font family names and/or generic family names for an element

family-name
generic-family

3

1

4

1

font-size

Nastaví veľkosť fontu

xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
length
%

3

1

4

1

font-size-adjust

Specifies an aspect value for an element that will preserve the x-height of the first-choice font

none
number

-

-

-

2

font-stretch

Condenses or expands the current font-family

normal
wider
narrower
ultra-condensed
extra-condensed
condensed
semi-condensed
semi-expanded
expanded
extra-expanded
ultra-expanded

-

-

-

2

font-style

Nastaví štýl fontu

normal
italic
oblique

4

1

4

1

font-variant

Displays text in a small-caps font or a normal font

normal
small-caps

4

1

6

1

font-weight

Nastaví váhu fontu

normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900

4

1

4

1

Generated Content

Property

Description

Values

IE

F

N

W3C

content

Generates content in a document. Used with the :before and :after pseudo-elements

string
url
counter( name )
counter( name, list-style-type )
counters( name, string )
counters( name, string, list-style-type )
attr(X)
open-quote
close-quote
no-open-quote
no-close-quote

 

1

6

2

counter-increment

Sets how much the counter increments on each occurrence of a selector 

none
identifier number

 

 

 

2

counter-reset

Sets the value the counter is set to on each occurrence of a selector

none
identifier number

 

 

 

2

quotes

Sets the type of quotation marks

none
string string

-

1

6

2

List and Marker

Property

Description

Values

IE

F

N

W3C

list-style

Skrátený zápis pre nastavenie všetkých vlastností zoznamu v jednej deklarácii

list-style-type
list-style-position
list-style-image

4

1

6

1

list-style-image

Sets an image as the list-item marker

none
url

4

1

6

1

list-style-position

Sets where the list-item marker is placed in the list

inside
outside

4

1

6

1

list-style-type

Sets the type of the list-item marker

none
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha 

4

1

4

1

marker-offset

 

auto
length

 

1

7

2

Margin

Property

Description

Values

IE

F

N

W3C

margin

A shorthand property for setting the margin properties in one declaration

margin-top
margin-right
margin-bottom
margin-left

4

1

4

1

margin-bottom

Nastaví dolný okraj elementu

auto
length
%

4

1

4

1

margin-left

Nastaví ľavý okraj elementu

auto
length
%

3

1

4

1

margin-right

Nastaví pravý okraj elementu

auto
length
%

3

1

4

1

margin-top

Nastaví horný okraj elementu

auto
length
%

3

1

4

1

Outlines

Property

Description

Values

IE

F

N

W3C

outline

A shorthand property for setting all the outline properties in one declaration

outline-color
outline-style
outline-width

-

1.5

-

2

outline-color

Sets the color of the outline around an element

color
invert

-

1.5

-

2

outline-style

Sets the style of the outline around an element

none
dotted
dashed
solid
double
groove
ridge
inset
outset

-

1.5

-

2

outline-width

Sets the width of the outline around an element

thin
medium
thick
length

-

1.5

-

2

Padding

Property

Description

Values

IE

F

N

W3C

padding

A shorthand property for setting all of  the padding properties in one declaration

padding-top
padding-right
padding-bottom
padding-left

4

1

4

1

padding-bottom

Nastaví dolné odsadenie elementu

length
%

4

1

4

1

padding-left

Nastaví ľavé odsadenie elementu

length
%

4

1

4

1

padding-right

Nastaví pravé odsadenie elementu

length
%

4

1

4

1

padding-top

Nastaví horné odsadenie elementu

length
%

4

1

4

1

Positioning

Property

Description

Values

IE

F

N

W3C

bottom

Sets how far the bottom edge of an element is above/below the bottom edge of the parent element

auto
%
length

5

1

6

2

clip

Sets the shape of an element. The element is clipped into this shape, and displayed

shape
auto

4

1

6

2

left

Sets how far the left edge of an element is to the right/left of the left edge of the parent element

auto
%
length

4

1

4

2

overflow

Sets what happens if the content of an element overflow its area

visible
hidden
scroll
auto

4

1

6

2

position

Places an element in a static, relative, absolute or fixed position

static
relative
absolute
fixed

4

1

4

2

right

Sets how far the right edge of an element is to the left/right of the right edge of the parent element

auto
%
length

5

1

6

2

top

Sets how far the top edge of an element is above/below the top edge of the parent element

auto
%
length

4

1

4

2

vertical-align

Sets the vertical alignment of an element

baseline
sub
super
top
text-top
middle
bottom
text-bottom
length
%

4

1

4

1

z-index

Sets the stack order of an element

auto
number

4

1

6

2

Table

Property

Description

Values

IE

F

N

W3C

border-collapse

Sets whether the table borders are collapsed into a single border or detached as in standard HTML

collapse
separate

5

1

7

2

border-spacing

Sets the distance that separates cell borders (only for the "separated borders" model)

length length

5M

1

6

2

caption-side

Sets the position of the table caption

top
bottom
left
right

5M

1

6

2

empty-cells

Sets whether or not to show empty cells in a table (only for the "separated borders" model) 

show
hide

5M

1

6

2

table-layout

Sets the algorithm used to display the table cells, rows, and columns

auto
fixed

5

1

6

2

Text

Property

Description

Values

IE

F

N

W3C

color

Nastaví farbu textu

color

3

1

4

1

direction

Nastaví smer textu (zľava - doprava alebo sprava - doľava)

ltr
rtl

6

1

6

2

line-height

Nastaví vzdialenosť medzi riadkami

normal
number
length
%

4

1

4

1

letter-spacing

Zväčší alebo zmenší vzdialenosť medzi jednotlivými znakmi

normal
length

4

1

6

1

text-align

Zarovnanie textu v elemente

left
right
center
justify

4

1

4

1

text-decoration

Nastaví dekoráciu textu

none
underline
overline
line-through
blink

4

1

4

1

text-indent

Indents the first line of text in an element

length
%

4

1

4

1

text-shadow

 

none
color
length

 

 

 

 

text-transform

Nastaví transformáciu písma v elemente

none
capitalize
uppercase
lowercase

4

1

4

1

unicode-bidi

 

normal
embed
bidi-override

5

 

 

2

white-space

Nastaví, ako budú spracované prázdne znaky v elemente

normal
pre
nowrap

5

1

4

1

word-spacing

Nastaví zväčšenie/zmenšenie medzery medzi slovami

normal
length

6

1

6

1

Pseudo-classes

Pseudo-class

Purpose

IE

F

N

W3C

:active

Adds special style to an activated element

4

1

8

1

:focus

Adds special style to an element while the element has focus

-

1.5

8

2

:hover

Adds special style to an element when you mouse over  it

4

1

7

1

:link

Adds special style to an unvisited link

3

1

4

1

:visited

Adds special style to a visited link

3

1

4

1

:first-child

Adds special style to an element that is the first child of some other element

-

1

7

2

:lang

Allows the author to specify a language to use in a specified element

-

1

8

2

Pseudo-elements

Pseudo-element

Purpose

IE

F

N

W3C

:first-letter

Adds special style to the first letter of a text

5

1

8

1

:first-line

Adds special style to the first line of a text

5

1

8

1

:before

Inserts some content before an element

 

1.5

8

2

:after

Inserts some content after an element

 

1.5

8

2

 
Žiadne dokumenty ani odkazy k tejto stránke.

Generátor typoscriptu

Vytvára typoscript pre bežné použitie. Generátor je jednoduchý na obsluhu, stačí vyplniť zopár položiek formulára.

Odkazy