Хосияти блокхо
HTML- чузъхои матниро метавон дар намуди блокхои росткунча нишон дод. Ба ин чузъхо P, DIV ва хатто тани санад BODY низ тааллук дорад. Барои онхо дар CSS гурухи махсуси хосиятхо дарназар дошта шудааст, ки он ичозати майдон, худуд, фосила, андозаи блокро медихад.
margin- ин калимаи калиди гурухи хосиятхоро ифода менамояд, ки чор майдони гирди блокро муайян менамояд.
Margin – top – майдони болои,
Margin – right – майдони тарафи рост,
Margin – bottom – майдони поении,
Margin – left – майдони тарафи чап.
Border – гурухи хосиятхои тасвири худуди чузъро ифода менамояд.
Border – style – идоракунии хоричи худуд,
Border – width – бари худуд,
Border – color – ранги худуд.
Padding – равшании байни мухтавои блок ва худудро муайян менамояд.
Width, height – баланди ва бари блокро бе ягон фосила, худуд ва майдон ифода менамояд.
Float – чогиршавии чузъи чории горизонталиро бо муносибати чузъи беруна муайян менамояд.
Clear – харакати хосияти Float – ро бекор менамояд.
<HTML>
<HEAD>
<TITLE> Хосияти Float ва Clear </TITLE>
<STYLE type=”text/css”>
#fig1 [float:left; margin-right:3mm; margin-top:3mm}
#podpis {clear:both}
</STYLE>
</HEAD>
<BODY>
<P>
Модели мукаммали компютери фарди соли 1976 аз тарафи ду чавони амрикои Стив Возняк ва Стив Джобс коркард шуд.
<A href =”applehist.htm” title=”Истории компьютеров Apple”>
<IMG SRC=”apple.gif” ID=”fig1”></A>
ё<P>
Компютери худро онхо Apple ном гузоштанд ва зуд барориш ва фуруши компютерхоро ба рох монданд. Баъди як-ду сол харидорони КФ аз садхо ба хазорхо нафар мубаддал гашт.
<P ID=”podpis”><I> Компютер Apple II</I>
<P>
Компютерхои фарди бо суръати баланд мукаммал шуданд. Соли 1976 барои онхо системаи омилхои CP/M коркард шуд. Ин система худи хамон барномахоро ба хар гуна модели компютерхои 8-разряда сар медод.
</BODY>
</HTML>
Намунаи дигари HTML-коди сахифаро дида мебароем:
<HTML>
<HEAD>
<TITLE> Аломатхои хачмдор</TITLE>
<STYLE type=”text/css”>
.string {margin-top: -38px;
Margin-left: 8px;
Color: red;
Font-size: 28px;
Font-family: Arial Black}
.shadow {color:darkred;
Margin-left:10px;
Font-size:28px
Font-family:Arial Black}
</STYLE>
</HEAD>
<BODY>
<H2> Намунаи сохтани харфхои хачмдор </H2><HR><BR>
<DIV class=”shadow” style=”color:gray; font-style:italic”>
SGML</DIV>
<DIV class=”string” style=”color:silver; font-style:italic”>
SGML</DIV>
<DIV class=”shadow”>
HTML</DIV>
<DIV class=”string”>
HTML</DIV>
<DIV class=”shadow” style=”color:blue”>
JavaScript</DIV>
<DIV class=”string” style=”color:lightblue”>
JavaScript</DIV>
</BODY>
</HTML>
Хосияти руйхатхо
Варакахои услуб идоракунии тасвири руйхатхоро ичоза медихад, ки ба онхо додани гарнитура, андоза ва ранги хуруф, интихоби намуди нишона(маркер) дар намуди квадрат, доирача, расм ва гайра шомил мебошад.
list – style – type киматхои зеринро дорост:
s
quare
– намуди квадрат
c
ircle
– намуди доирача
d
isc
– доирачаи сиёх
decimal – ададхои дахи
Lower – roman – ададхои хурди рими
Upper – roman – адахои калони рими
Lower – latin ёки lower – alpha – харфхои хурди лотини
Upper – latin ёки upper – alpha – харфхои калони лотини
list – style – image – нишонаро дар намуди расм медихад.
List – style – position – мавкеи нишонаро дар сатри руйхат чори менамояд. Ду киматро дорост: inside(нишона аз астри руйхат дар берун хоб аст) ва outside(нишона дар дохили руйхат хоб аст).
<HTML>
<HEAD>
<TITLE> Услуби руйхат </TITLE>
<STYLE type=”text/css”>
UL {list-style-position:inside;
List-style-image:url(“Newz.gif”);
Color: red;
Font-size: 20px;
Font – family: Arial Black}
</STYLE>
</HEAD>
<BODY>
<H2> Намунаи руйхатхо бо ёрии услуб</H2><HR><BR>
<UL>
<LI> Архив</LI>
<LI> Чобачо гузори </LI>
<LI>Имзо </LI>
</UL>
</BODY>
</HTML>
