CSS
CSS (Cascading Style Sheets) , WWW. Web- , Web-, : .
, HTML- . <FONT> </FONT> :
<P><FONT color="blue"> </FONT></P>
, :
P.bluetext { color: blue }
, , <P> bluetext, . HTML .
HTML- :
<P class="bluetext"> </P>
class, bluetext. class , .
<P>. :
P { color: blue }
, :
.bluetext{ color: blue }
, :
<H1 class="bluetext"> </H1>
<CENTER class="bluetext"> </CENTER>
<B class="bluetext"> </B>
, :
H7 B { color: blue }
:
<H7><B></B> </H7>
<P> <B></B> - !</P>
, :
<P style="color: blue"> </P>
style, HTML.
- - id, HTML.
#headerofdocument { font-size: 20pt }
20 .
<H1 id="headerofdocument"> </H1>
. :
P { color: blue; fotn-size: 9ptl; text-align: center }
, HTML-, . <STYLE> </STYLE>:
<Style [type="text/css"]>
...
</STYLE>
<STYLE> type, text/css.
|
|
|
. HTML- <LINK>, :
<LINK rel="stylesheet" href="{ }">
font - .
font-family, font-height, font-size, font-style, font-variant font-weight. .
font: { font-family } [{ font-height }] [{ font-size }] [{ font-style }] [{ font-variant }] [{ font-weight }];
- normal normal normal medium normal "Times New Roman".
:
font: caption|icon|menu|message-box|small-caption|status-bar;
, , Windows:
font: caption; - , ..;
font: icon; - ;
font: menu; - ;
font: message-box; - -;
font: small-caption; - ;
font: status-bar; - .
IE 4.0
font-family - , .
font-family: { }|serif|san-serif|cursive|fantasy|monospace;
, , . , ; Web- , . , .
font-family: "Times New Roman",sans-serif;
IE 3.02 4.0 .
NN 4.0
font-weight - "" , .
font-weight: normal|bold|bolder|lighter|100..900;
"" . -, normal bold, . -, bolder lighter, . , -, 100 900; 400, - 700.
font-weight: normal; - ;
font-weight: lighter; - ;
font-weight: bold; - ;
font-weight: bolder; - ;
font-weight: 100 900 - , 100 (200,700).
normal.
IE 3.02 4.0 . IE 4.0 normal bold .
NN 4.0
font-size - , .
font-size: xx-small|x-small|small|medium|large|x-large|xx-large|larger|smaller|{ }|{ }%;
CSS , . .
|
|
|
font-size: 200% - ()
font-size: 150px -
font-size: 300pt -
font-size: {xx-small,small,medium,large,x-large,xx-large} - , HTML
font-size: {smaller,larger} - , ,
IE 3.02 4.0 .
NN 4.0
font-style - .
font-style: normal|italic|oblique;
font-style: normal; - ( );
font-style: italic - ;
font-style: obligue - ( ) (IE , NN ).
IE 3.02 4.0 .
NN 4.0
font-variant - , .
font-variant: normal|small-caps;
font-variant: normal; - ( );
font-variant: small-caps; - , , ().
IE 4.0
color - .
color: {};
IE 3.02 4.0 . NN 4.0
background - . background-attachment, background-color, background-image, background-position background-repeat.
background: [{ background-color }] [{ background-image }] [{ background-repeat }] [{ background-attachment }] [{background-position}];
.
transparent none repeat scroll 0% 0%.
IE 3.02; background-position background-repeat 4.0
background-color - Web- .
background-color: {}|transparent;
transparent "" . .
IE 4.0, background - 3.02
NN 4.0
background-image - Web- .
background-image: url({- })|none;
none . .
IE 4.0, background - 3.02
NN 4.0
background-attachment - "" , Web-.
background-attachment: scroll|fixed;
background-attachment: scroll; - ( );
background-attachment: scroll; - .
<BODY>.
IE 4.0, background - 3.02
background-repeat - Web- .
, , , .
background-repeat: repeat|no-repeat|repeat-x|repeat-y;
background-repeat: repeat; - ( );
background-repeat: no-repeat; - ;
|
|
|
background-repeat: repeat-x; - ;
background-repeat: repeat-y; - .
IE 4.0
background-position - . , background-position-x background-position-y.
background-position: [{ background-position-x }] [{ background-position-y }];
, , 50%.
0% 0%.
IE 4.0
background-position-x - .
background-position-x: {X}|{X}%|left|center|right;
( ), ( ) . : left, center, right, , .
0%.
IE 4.0
background-position-y - .
background-position-y: {Y}|{Y}%|top|center|bottom;
( ), ( ) . : top, center, bottom, , .
0%.
IE 4.0
scrollbar-3dlight-color - , .
scrollbar-3dlight-color: { };
IE 5.5
scrollbar-arrow-color - .
scrollbar-arrow-color: { };
IE 5.5
scrollbar-base-color - - .
scrollbar-base-color: { };
IE 5.5
scrollbar-darkshadow-color - "", ( ).
scrollbar-darkshadow-color: { };
IE 5.5
scrollbar-face-color - .
scrollbar-face-color: { };
IE 5.5
scrollbar-highlight-color - "" ( ).
scrollbar-highlight-color: { };
IE 5.5
scrollbar-shadow-color - "" ( ). "", scroll-darkshadow-color.
scrollbar-shadow-color: { };
IE 5.5
scrollbar-track-color - , .. , .
scrollbar-track-color: { };
IE 5.5
text-decoration - : , ..
text-decoration: none|underline|overline|line-through|blink;
text-decoration: none; - ( );
text-decoration: underline; - ( <A>, <INS> <U>);
|
|
|
text-decoration: overline; - ;
text-decoration: line-through; - ( <DEL>, <S> <STRIKE>);
text-decoration: blink; - ( IE)
text-decoration: uppercase - ;
text-decoration: lowercase - ();
text-decoration: capitalize - .
IE 3.02 4.0 .
NN 4.0
text-underline-position - : . , text-decoration underline overline.
text-underline-position: below|above;
text-underline-position: below; - ( );
text-underline-position: above; - ("").
IE 5.5
text-align - .
text-align: left|right|center|justify;
text-align: left; - ( );
text-align: right; - ;
text-align: center; - ;
text-align: justify; - ( ).
IE 3.02; justify 4.0
NN 4.0
text-align-last - .
text-align-last: auto|inherit|left|right|center|justify;
text-align: auto; - , ( text-align) ( );
text-align: inherit; - , ;
text-align: left; - ;
text-align: right; - ;
text-align: center; - ;
text-align: justify; - ( ).
IE 5.5
text-indent - .
text-ident: {}|{}%;
, . 0.
IE NN 4.0
text-height - .
text-height: {}|{}%;
, .
IE NN 4.0
text-transform - .
text-transform: none|capitalize|uppercase|lowercase;
text-transform: none; - ( );
text-transform: capitalize; - ;
text-transform: uppercase; - ;
text-transform: lowercase; - .
IE NN 4.0
clear - "" , .
clear: none|left|right|all;
, , "".
clear: none; - "" ( );
clear: left; - "" ;
clear: right; - ;
clear: all; - .
IE NN 4.0
word-spacing - .
word-spacing: normal|{};
CSS , normal, .
normal.
IE 4.0
word-wrap - , , , .
word-wrap: normal|break-word;
word-wrap: normal; - ( );
word-wrap: break-word; - .
IE 5.5
word-mode - : .
word-mode: lr-tb|tb-rl;
word-mode: lr-tb; - ; ( );
word-mode: tb-rl; - 90 ; .
|
|
|
IE 5.5
leter-spacing - .
letter-spacing: normal|{};
CSS , normal, .
normal.
IE 4.0
line-height - .
line-height: normal|{Y}|{Y}%;
, . normal .
normal.
IE NN 4.0
direction - : .
direction: ltr|rtl|inherit;
direction: ltr; - ( );
direction: rtl; - ;
direction: inherit; - .
, , (ltr).
IE 5.0
unicode-bidi - direction.
unicode-bidi: normal|embed|bidi-override;
unicode-bidi: normal; - ( );
unicode-bidi: embed; - ;
unicode-bidi: bidi-override; - embed , direction, Web-.
IE 5.0
accelerator - , -.
accelerator: true|false;
- - , <Alt> .
accelerator: true; - , -;
accelerator: false; - .
.
:
<LABEL for="txtName"><U style="accelerator: true"></U></LABEL>
<INPUT type="text" id="txtName" accesskey="B" value=" ">
"" "" . Windows 2000 - Alt, , <Alt> .
IE 5.0
,
text-justify - . text-align justify.
text-justify: auto|newspaper|distribute|distribute-all-lines|distribute-center-last|inter-word|inter-ideograph|inter-cluster|kashida;
text-justify: auto; - Web- ( );
text-justify: newspaper; - , ;
text-justify: distribute; - newspaper ( .);
text-justify: distribute-all-lines; - distribute , . ;
text-justify: distribute-center-last; - ;
text-justify: inter-word; - , ;
text-justify: inter-ideograph; - , ;
text-justify: inter-cluster; - , ;
text-justify: kashida; - , .
IE 5.0
text-autospace - , , .
text-autospace: none|ideograph-alpha|ideograph-numeric|ideograph-parenthesis|ideograph-space;
text-autospace: none; - ( );
text-autospace: ideograph-alpha; - (, , ..) ;
text-autospace: ideograph-numeric; - ;
text-autospace: ideograph-parenthesis; - ;
text-autospace: ideograph-space; - , .
IE 5.0
text-kashida-space - , . , text-justify auto, distribute, kashida newspaper.
text-kashida-space: {}%|inherit;
, . 0% ( ) , , ; 100% - , .
IE 5.5
line-break - .
line-break: normal|strict;
line-break: normal; - ( );
line-break: strict; - .
IE 5.0
word-break - ( ) , .
word-break: normal|break-all|keep-all;
word-break: normal; - "" ( );
word-break: break-all; - ;
word-break: keep-all; - , .
IE 5.0
ime-mode - IME (Input Method Editor - ), , . .
ime-mode: auto|active|inactive|disabled;
ime-mode: auto; - IME Web- ( );
ime-mode: active; - IME. ;
ime-mode: inactive; - IME. ;
ime-mode: disabled; - IME.
IE 5.0
layout-flow - : .
layout-flow: horizontal|vertical-ideographic;
layout-flow: horozontal; - ( );
layout-flow: vertical-ideographic; - .
IE 5.5. ; writing-mode.
layout-grid - , , . layout-grid-char, layout-grid-line, layout-grid-mode layout-grid-type.
layout-grid: [{ layout-grid-char }] [{ layout-grid-line }] [{ layout-grid-mode }] [{ layout-grid-type }]
.
- both loose none none.
IE 5.0
layout-grid-char - , , .
layout-grid-char: none|auto|{Y}{Y}%;
, . auto Web- . none .
- none.
IE 5.0
layout-grid-line - , , .
layout-grid-line: none|auto|{Y}{Y}%;
, . auto Web- . none .
- none.
IE 5.0
layout-grid-mode - , , .
layout-grid-mode: both|none|char|line;
layout-grid-mode: both; - , ( );
layout-grid-mode: none; - ;
layout-grid-mode: char; - ;
layout-grid-mode: line; - .
IE 5.0
layout-grid-type - , .
layout-grid-type: loose|strict|fixed;
layout-grid-type: loose; - "" , ( );
layout-grid-type: strict; - , , ;
layout-grid-type: fixed; - , .
IE 5.0
margin - . margin-top, margin-right, margin-bottom margin-left.
margin: {margin-top} [{margin-right}] [{margin-bottom}] [{margin-left}];
. , . , , - . , , - , - .
IE 3.02 4.0 .
NN 4.0
margin-top - .
margin-top: auto|{Y}|{Y}%;
, . auto Web- . margin-bottom, . auto.
IE 3.02 4.0 .
NN 4.0
margin-right - .
margin-right: auto|{X}|{X}%;
, . auto Web- . margin-left, . auto.
IE 3.02 4.0 .
NN 4.0
margin-bottom - .
margin-bottom: auto|{Y}|{Y}%;
, . auto Web- . margin-top, . auto.
IE 3.02 4.0 .
NN 4.0
margin-left - .
margin-left: auto|{X}|{X}%;
, . auto Web- . margin-right, . auto.
IE 3.02 4.0 .
NN 4.0
padding - . padding-top.
margin-left: auto|{X}|{X}%;
, . auto Web- . margin-right, . auto.
IE 3.02 4.0 .
NN 4.0
padding-top - .
pading-top: {Y}|{Y}%;
, .
0, <TD> 1.
IE NN 4.0
padding-right - .
pading-right: {X}|{X}%;
, .
0, <TD> 1.
IE NN 4.0
padding-bottom - .
pading-bottom: {Y}|{Y}%;
, .
0, <TD> 1.
IE NN 4.0
padding-left - .
pading-left: {X}|{X}%;
, .
0, <TD> 1.
IE NN 4.0
width - .
width: auto|{X}|{X}%;
, . auto Web- .
auto.
IE NN 4.0
height - .
height: auto|{X}|{X}%;
, . auto Web- .
auto.
IE NN 4.0
top - .
top: auto|{Y}|{Y}%;
, . auto Web- .
auto.
IE NN 4.0
bottom - .
bottom: auto|{Y}|{Y}%;
, . auto Web- .
auto.
IE 4.0
left - .
left: auto|{X}|{X}%;
, . auto Web- .
auto.
IE NN 4.0
right - .
right: auto|{X}|{X}%;
, . auto Web- .
auto.
IE 4.0
float - .
float: none|left|right;
float: none; - , ( );
float: left; - ;
float: right; - .
IE 4.0 5.0 - .
NN 4.0
vertical-align - .
vertical-align: auto|baseline|sub|super|top|text-top|middle|bottom|text-bottom;
vertical-align: auto; - layout-flow;
vertical-align: baseline; - ( );
vertical-align: sub; - ;
vertical-align: super; - ;
vertical-align: top; - ;
vertical-align: text-top; - ;
vertical-align: middle; - ;
vertical-align: bottom; - ;
vertical-align: text-bottom; - .
IE 4.0
overflow - , .
overflow: visible|scroll|hidden|auto;
overflow: visible; - , ( );
overflow: scroll; - Web- , ;
overflow: hidden; - , ;
overflow: auto; - scroll , , ( <TEXTAREA>).
IE 4.0
overflow-x - , .
overflow-x: visible|scroll|hidden|auto;
overflow: visible; - , ( );
overflow: scroll; - Web- , ;
overflow: hidden; - , ;
overflow: auto; - scroll , , ( <TEXTAREA>).
IE 4.0
overflow-y - , .
overflow-y: visible|scroll|hidden|auto;
overflow: visible; - , ( );
overflow: scroll; - Web- , ;
overflow: hidden; - , ;
overflow: auto; - scroll , , ( <TEXTAREA>).
IE 4.0
zoom - .
zoom: normal|{}|{}%;
, , . normal 1.0 100%.
normal.
IE 5.5
table-lowout - "" .
table-lawout: auto|fixed;
table-lawout: auto; - ( );
table-lawout: fixed; - WIDTH , , .
, auto "" , . fixed Web- , Web- . .
<TABLE>.
IE 5.0
border - . border-color, border-style border-width. .
border: [{border-color}] [{border-style}] [{border-width}];
medium none.
IE 4.0
border-color - (IE) . border-top-color, border-right-color, border-bottom-color border-left-color.
border-color: { border-top-color } [{ border-right-color }] [{ border-bottom-color }] [{ border-left-color }];
. , . , , - . , , - , - .
IE 4.0
border-color - (NN) .
border-color: none|{};
, none, .
NN 4.0
border-top-color - .
border-top-color: {};
IE 4.0
border-bottom-color - .
border-bottom-color: {};
IE 4.0
border-left-color - .
border-left-color: {};
IE 4.0
border-right-color - .
border-right-color: {};
IE 4.0
border-style - . border-top-style, border-right-style, border-bottom-style border-left-style.
border-style: none|dotted|dashed|solid|double|groove|ridge|inset|outset;
border-style: none; - ( );
border-style: dotted; - ( NN);
border-style: dashed; - ( NN);
border-style: solid; - ;
border-style: double; - ;
border-style: groove; - ;
border-style: ridge; - ;
border-style: inset; - " ";
border-style: outset; - " ".
IE NN 4.0
border-top-style - .
border-top-style: none|dotted|dashed|solid|double|groove|ridge|inset|outset;
border-top-style: none; - ( );
border-top-style: dotted; - ( NN);
border-top-style: dashed; - ( NN);
border-top-style: solid; - ;
border-top-style: double; - ;
border-top-style: groove; - ;
border-top-style: ridge; - ;
border-top-style: inset; - " ";
border-top-style: outset; - " ".
IE 4.0
border-bottom-style - .
border-bottom-style: none|dotted|dashed|solid|double|groove|ridge|inset|outset;
border-bottom-style: none; - ( );
border-bottom-style: dotted; - ( NN);
border-bottom-style: dashed; - ( NN);
border-bottom-style: solid; - ;
border-bottom-style: double; - ;
border-bottom-style: groove; - ;
border-bottom-style: ridge; - ;
border-bottom-style: inset; - " ";
border-bottom-style: outset; - " ".
IE 4.0
border-left-style - .
border-left-style: none|dotted|dashed|solid|double|groove|ridge|inset|outset;
border-left-style: none; - ( );
border-left-style: dotted; - ( NN);
border-left-style: dashed; - ( NN);
border-left-style: solid; - ;
border-left-style: double; - ;
border-left-style: groove; - ;
border-left-style: ridge; - ;
border-left-style: inset; - " ";
border-left-style: outset; - " ".
IE 4.0
border-right-style - .
border-right-style: none|dotted|dashed|solid|double|groove|ridge|inset|outset;
border-right-style: none; - ( );
border-right-style: dotted; - ( NN);
border-right-style: dashed; - ( NN);
border-right-style: solid; - ;
border-right-style: double; - ;
border-right-style: groove; - ;
border-right-style: ridge; - ;
border-right-style: inset; - " ";
border-right-style: outset; - " ".
IE 4.0
border-width - . border-top-width, border-right-width, border-bottom-width border-left-width.
border-width: { border-top-width } [{ border-right-width }] [{ border-bottom-width }] [{ border-left-width }];
. , . , , - . , , - , - .
. : thin, medium, thick, , .
medium.
IE NN 4.0
border-top-width - .
border-top-width: medium|thin|thick|{};
. : thin, medium, thick, , .
medium.
IE NN 4.0
border-bottom-width - .
border-bottom-width: medium|thin|thick|{};
. : thin, medium, thick, , .
medium.
IE NN 4.0
border-left-width - .
border-left-width: medium|thin|thick|{};
. : thin, medium, thick, , .
medium.
IE NN 4.0
border-right-width - .
border-right-width: medium|thin|thick|{};
. : thin, medium, thick, , .
medium.
IE NN 4.0
border-top - . border-top-color, border-top-style border-top-width. .
border-top: [{ border-top-color }] [{ border-top-style }] [{ border-top-width }];
medium none.
IE 4.0
border-bottom - . border-bottom-color, border-bottom-style border-bottom-width. .
border-bottom: [{ border-bottom-color }] [{ border-bottom-style }] [{ border-bottom-width }];
medium none.
IE 4.0
border-left - . border-left-color, border-left-style border-left-width. .
border-left: [{ border-left-color }] [{ border-left-style }] [{ border-left-width }];
medium none.
IE 4.0
border-right - . border-right-color, border-right-style border-right-width. .
border-right: [{ border-right-color }] [{ border-right-style }] [{ border-right-width }];
medium none.
IE 4.0
border-collapse - , . <TABLE>.
border-collapse: separate|collapse;
border-collapse: separate; - ( );
border-collapse: collapse; - .
IE 5.0
display - , .
display: inline|block|none|inline-block|list-item|table-header-group|table-footer-group;
display: inline; - ( ) . , . - <I>;
display: block; - . . - <DIV>;
display: none; - . , ;
display: inline-block; - inline, ( NN);
display: list-item; - block, ( );
display: table-header-group; - ( <THEAD>) ( NN);
display: table-footer-group; - ( <TFOOT>) ( NN);
IE NN 4.0
position - , .
position: static|absolute|relative;
position: static; - ( ) , "" , .. . bottom, left, right top Web- ;
position: absolute; - . bottom, left, right top ;
position: relative; - . bottom, left, right top , , position static.
IE NN 4.0
z-index - .
z-index: auto|{ }|;
. . auto , , HTML- , .
auto.
IE NN 4.0
visibility - .
visibility: inherit|visible|hidden;
visibility: inherit - ( ) , ( );
visibility: visible - ;
visibility: hidden - .
IE NN 4.0
clip - , .
clip: auto|rect({ } { } { } { });
auto
