Link to a target medium


The border-spacing Property



Download 1,69 Mb.
Pdf ko'rish
bet58/106
Sana31.12.2021
Hajmi1,69 Mb.
#202951
1   ...   54   55   56   57   58   59   60   61   ...   106
Bog'liq
css tutorial

 
 
 
 
body, td { 
   color: blue; 
} 
-->
 
 
a:link {color: 
#000000}
 
a:visited {color: 
#006600}
 
a:hover {color: 
#FFCC00}
 
a:active {color: 
#FF00CC}
 
 
a:link {color:#000000} 
 
a:visited {color: 
#006600}
 
 
a:hover {color: 
#FFCC00}
 
 
a:active {color: 
#FF00CC}
 
 
table.one {border-collapse:collapse;} 
table.two {border-collapse:separate;} 
td.a { 
      border-style:dotted;  
      border-width:3px;  
      border-color:#000000;  
      padding: 10px; 
} 
td.b {border-style:solid;  
      border-width:3px;  
      border-color:#333333;  
      padding:10px; 
} 
The border-spacing Property 
The  border-spacing  property  specifies  the  distance  that  separates  the  adjacent  cells’ 
borders. It can take either one or two values; these should be units of length. 
If you provide one value, it applies to both vertical and horizontal borders. Or you can 
specify  two  values,  in  which  case,  the  first  refers  to  the  horizontal  spacing  and  the 
second to the vertical spacing: 
NOTE: Unfortunately, this property does not work in Netscape 7 or IE 6. 
 
/* If you provide one value */
 
table.example {border-spacing:10px;} 
/* This is how you can provide two values */
 

CSS 
40 
 
table.example {border-spacing:10px; 15px;} 
 
 
Now let's modify the previous example and see the effect: 
 
table.one { 
   border-collapse:separate; 
   width:400px; 
   border-spacing:10px; 
} 
table.two { 
   border-collapse:separate; 
   width:400px; 
   border-spacing:10px 50px; 
} 
 
 
Separate Border Example with border-spacing
 Cell A Collapse Example
 Cell B Collapse Example
 
 
 
Separate Border Example with border-spacing
 Cell A Separate Example
 Cell B Separate Example
 
It will produce the following result: 
Separate Border Example with border-spacing 
Cell A Collapse Example 
Cell B Collapse Example 
 

CSS 
41 
 
Separate Border Example with border-spacing
 
Cell A Separate Example 
Cell B Separate Example 
 

Download 1,69 Mb.

Do'stlaringiz bilan baham:
1   ...   54   55   56   57   58   59   60   61   ...   106



Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©hozir.org 2024
ma'muriyatiga murojaat qiling

kiriting | ro'yxatdan o'tish
    Bosh sahifa
юртда тантана
Боғда битган
Бугун юртда
Эшитганлар жилманглар
Эшитмадим деманглар
битган бодомлар
Yangiariq tumani
qitish marakazi
Raqamli texnologiyalar
ilishida muhokamadan
tasdiqqa tavsiya
tavsiya etilgan
iqtisodiyot kafedrasi
steiermarkischen landesregierung
asarlaringizni yuboring
o'zingizning asarlaringizni
Iltimos faqat
faqat o'zingizning
steierm rkischen
landesregierung fachabteilung
rkischen landesregierung
hamshira loyihasi
loyihasi mavsum
faolyatining oqibatlari
asosiy adabiyotlar
fakulteti ahborot
ahborot havfsizligi
havfsizligi kafedrasi
fanidan bo’yicha
fakulteti iqtisodiyot
boshqaruv fakulteti
chiqarishda boshqaruv
ishlab chiqarishda
iqtisodiyot fakultet
multiservis tarmoqlari
fanidan asosiy
Uzbek fanidan
mavzulari potok
asosidagi multiservis
'aliyyil a'ziym
billahil 'aliyyil
illaa billahil
quvvata illaa
falah' deganida
Kompyuter savodxonligi
bo’yicha mustaqil
'alal falah'
Hayya 'alal
'alas soloh
Hayya 'alas
mavsum boyicha

yuklab olish