W3C home > Mailing lists > Public > www-style@w3.org > October 2001

Background Properties to CSS3

From: Juan Fabian <firme@mixmail.com>
Date: Sun, 7 Oct 2001 19:55:40 -0400 (EDT)
Message-Id: <20011008014817.HM.70000000000BeQc@mixmail.com>
To: www-style@w3.org


	
	
--------------------------------------------------------
-------------------------

The Background properties to CSS3

			
	Note 30 September 2001.
--------------------------------------------------------
-------------------------

Abstract
========  
	When we have to design the 
aspect for internet, it is indispensable to be 
able to achieve good visual effects.   
For it CSS3, can give us a standard, to make 
it.   
Without necessity of appealing to plug-ins.  
Seeing the advances that the navigators 
offer today, to the users.  
I propose these three new properties, for 
the background.

	1. background-quantity.

	2. background-spacing.

	3. background-transparency. 


___________________________________
_____________________________


1.0 The 'background-quantity' property:

-------------------------------------------------
	'background-quantity'
-------------------------------------------------

Value: infinite | <integer> | inherit | initial
Initial: infinite
Applies to:  all elements  
Inherited:  no  
Percentages:  N/A  
Media:  visual  

If a background image is specified, the 
value of 'background-quantity' determines 
how many times the image will repeat. 

Values for this property have the following 
meanings: 

infinite : It specifies a continuous repetition 
of the background.If this parameter 
receives -1 or (infinite), it will repeat 
continuously.

<integer> : A numeric value that specifies 
how many times a background will repeat.  

Example: 
---------
BODY { 
		background-
image: url(corazon.gif) ;
  		background-
repeat: repeat-x ;
		background-
quantity: 3 ;
     }

In the example above, the image will only 
repeat vertically three times. 

Name alternative for this 
property: 'background-repeat-
number', 'background-amount', 'background-
count',etc.

___________________________________
_________________________

1.1. The 'background-spacing' property:

-------------------------------------------------
	'background-spacing' 
-------------------------------------------------
Value:  <length> | <percentage> | inherit | 
initial  
Initial:  0  
Applies to:  all elements  
Inherited:  no  
Percentages:  N/A  
Media:  visual  

The measures specify the distance that 
separates the background-image of the 
adjacent repetition of the background. If a 
measure is specified, this gives the 
horizontal and vertical space. If two are 
specified, the first one gives the horizontal 
space and the second the vertical space. 
The measures cannot be negative. 

Name alternative for this 
property: 'background-margin', 'background-
space', etc.

Example: 
---------
BODY { 
		background-
image: url(chica.gif) ;
		background-
repeat: repeat-x ;
		background-
quantity: 5 ; 
		background-
spacing: 10px 5px ; 
}


___________________________________
___________________________

1.2 The 'background-transparency' property:

-------------------------------------------------
	'background-transparency'
-------------------------------------------------
Value:  <length> | <percentage> | 
<alphaValue> | inherit | initial  
Initial:  0  
Applies to:  all elements  
Inherited:  no  
Percentages:  N/A  
Media:  visual  

This property specifies the transparency of 
a box.

Values for this property have the following 
meanings: 

<length> :		The value for the 
transparency attribute can range from 0 
(fully opaque) to 100 (fully transparent).

<percentage> :		The 
value for the transparency attribute can 
range from 0% (fully opaque) to 100% (fully 
transparent).

<alphaValue> :  Any values outside the 
range 0.0(fully transparent) to 1.0 (fully 
opaque) will be clipped to this range. 

	The default value for 
transparency is 0 (opaque). 

	Name alternative for this 
property: 'background-opacity'.

Example: 
---------

		DIV {
 		background-color: 
#94a0fa ;
 		background-
transparency: 40% ;
		}


___________________________________
__________________________________



<A 
href="http://www.geocities.com/juan_solido
/bg_css3.gif" target="_top">Click here to 
see a graph of the background for CSS3</A>

___________________________________
_________________________________


And I would like a lot that includes this idea 
in CSS3.

			
			
			
	Jhon Uriarte(from Argentina)



Tu correo gratis en MixMail http://www.mixmail.com
Mete 15.000 amigos en tu casa http://chat.ya.com
Received on Monday, 8 October 2001 08:38:45 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:11 GMT