Link to a target medium



Download 1,69 Mb.
Pdf ko'rish
bet105/106
Sana31.12.2021
Hajmi1,69 Mb.
#202951
1   ...   98   99   100   101   102   103   104   105   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; 

 
/* If you provide one value */
 
table.example {border-spacing:10px;} 
/* This is how you can provide two values */
 
 
table.one { 
   border-collapse:separate; 
   width:400px; 
   border-spacing:10px; 

table.two { 
   border-collapse:separate; 
   width:400px; 
   border-spacing:10px 50px; 

 
caption.top {caption-side:top} 
caption.bottom {caption-side:bottom} 
caption.left {caption-side:left} 
caption.right {caption-side:right} 
 
table.empty{ 
    width:350px; 
    border-collapse:separate; 
    empty-cells:hide; 

td.empty{ 
    padding:5px; 
    border-style:solid; 
    border-width:1px; 
    border-color:#999999; 

 
table.auto 

table-layout: auto 

table.fixed 

table-layout: fixed 

 
p.example1{ 
   border:1px solid; 
   border-bottom-color:#009900; 
/* Green */
 
   border-top-color:#FF0000;    
/* Red */
 
   border-left-color:#330000;   
/* Black */
 
   border-right-color:#0000CC;  
/* Blue */
 

p.example2{ 
   border:1px solid; 
   border-color:#009900;        
/* Green */
 

  
p {margin: 15px}  
all four margins will be 15px  
 
p {margin: 10px 2%}  
top and bottom margin will be 10px, left and right margin will be 2% of the 
total width of the document. 
 
 
 
p {margin: 10px 2% -10px}  
top margin will be 10px, left and right margin will be 2% of the total width of 
the document, bottom margin will be -10px    
 
p {margin: 10px 2% -10px auto}  
top margin will be 10px, right margin will be 2% of the total width of the 
document, bottom margin  will be -10px, left margin will be set by the browser  
 
a:link {color:#000000} 
 
a:visited {color: 
#006600}
 
 
a:hover {color: 
#FFCC00}
 
 
a:active {color: 
#FF00CC}
 
 
a:focus {color: 
#0000FF}
 
 
div > p:first-child 

 25px; 

 
 
p:first-line { text-decoration: underline; } 
p.noline:first-line { text-decoration: none; } 
 
p:first-letter { font-size: 5em; text-color:red; } 
p.normal:first-letter { font-size: 10px; } 
 
p:before 

content: url(/images/bullet.gif) 

 
p:after 

content: url(/images/bullet.gif) 

 
@import "mystyle.css"; 
 
or 
 
@import url("mystyle.css"); 
.......other CSS rules ..... 
-->
 
 
@charset "iso-8859-1" 
.......other CSS rules ..... 
-->
 
 
@font-face { 
  font-family: "Scarborough Light"; 
 src: url("http://www.font.site/s/scarbo-lt"); 

@font-face { 
 font-family: Santiago; 
 src: local ("Santiago"), 
 url("http://www.font.site/s/santiago.tt") 
 format("truetype"); 
 unicode-range: U+??,U+100-220; 
 font-size: all; 
 font-family: sans-serif; 

-->
 
 
p { color: #ff0000; } 
p { color: #000000; } 
-->
 
 
p { color: #ff0000 !important; } 
p { color: #000000; } 
-->
 
Parameter 
Description 
Invert 
Maps  the  colors  of  the  object  to  their  opposite  value  in  the  color 
spectrum. 
 
 
Example 


CSS 
107 
 
Image Example:
 
 
 
 
Text Example:
 
 
color: red; Filter: invert">CSS Tutorials
 
 
It will produce the following result: 
 
Mask Effect 
Mask  effect  is  used  to  turn  transparent  pixels  to  a  specified  color  and  makes  opaque 
pixels transparent. The following parameter is used in this filter: 
Parameter 
Description 
Color 
The color that the transparent areas will become. 
 
 
 
 


CSS 
108 
 
Example 
Image Example:
 
 
#000000) Mask(Color=#00FF00)
"> 
 
Text Example:
 
 
color: red; Filter: Mask(Color=#00FF00)">CSS Tutorials
 
It will produce following result: 
 
Shadow Filter 
Shadow filter is used to create an attenuated shadow in the direction and color specified. 
This is a filter that lies in between Dropshadow and Glow. The following parameters can 
be used in this filter: 

Download 1,69 Mb.

Do'stlaringiz bilan baham:
1   ...   98   99   100   101   102   103   104   105   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