<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>TUTORIAL</title>
	<atom:link href="http://phpforms.net/tutorial/feed" rel="self" type="application/rss+xml" />
	<link>http://phpforms.net/tutorial</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Fri, 27 Apr 2012 05:00:49 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Data Center Consolidation</title>
		<link>http://phpforms.net/tutorial/data-storage/data-center-consolidation.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/data-center-consolidation.html#comments</comments>
		<pubDate>Mon, 23 Apr 2012 06:53:51 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4245</guid>
		<description><![CDATA[
Today a common data center looks like a chaotic assembly of systems purchased at different times, and as a rule each separate server carries out a single specialized business task using only a small portion of its performance resource.
According to different estimations, an average server load comprises not more than 30%. However, despite of only [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://phpforms.net/tutorial/wp-content/uploads/2012/04/Data-Center-Consolidation.jpg"><img class="aligncenter size-medium wp-image-4246" title="Data Center Consolidation" src="http://phpforms.net/tutorial/wp-content/uploads/2012/04/Data-Center-Consolidation-300x300.jpg" alt="Data Center Consolidation" width="300" height="300" /></a></p>
<p>Today a common data center looks like a chaotic assembly of systems purchased at different times, and as a rule each separate server carries out a single specialized business task using only a small portion of its performance resource.</p>
<p>According to different estimations, an average server load comprises not more than 30%. However, despite of only small portion of resources being used, the hardware still requires the full time care and support, which results in unreasonable spending of budget on data center maintenance. This is for a reason that every piece of hardware requires individual attention.</p>
<p>This problem was designated a long time ago, and even some solutions had been developed. But only now we can state that there exist technologies, solutions and opportunities for implementing those ideas in practice for a scale of the entire data center, as opposed to implementation on the level of separate elements.</p>
<p><strong>Data center consolidation concept</strong><br />
As we introduced the term <em>data center consolidation</em>, we can speak about a large united “organism”, which incorporates peer hardware and software resources, constantly controls execution of business applications and reallocation of computation power depending on requirements (See also "<a href="http://phpforms.net/tutorial/data-storage/data-center-virtualization.html">data center virtualization</a>" term ).</p>
<p>In order to build such well-organized mechanism, both classical standardization approach and newest <a href="http://phpforms.net/tutorial/data-storage/virtualizaion.html">virtualization</a> technologies should be used.</p>
<p><strong>Standardization</strong><br />
Standardization is beneficial in regard to ownership value owing to minimization and unification of maintenance processes as well as introducing interchangeability of physical components.</p>
<p><strong>Virtualization</strong><br />
Virtualization allows flexible redistribution of used resources among applications, providing for balance load, while introducing a centralized control mechanism for carrying out tasks such as updating and backup.</p>
<p>Based on practical experience, the most demanded mechanism of server standardization is purchasing blade systems, which allow enlarging the total computation resource of the data center to the needed level. Besides, <a href="http://phpforms.net/tutorial/data-storage/it-virtualization.html">IT virtualization</a> tools currently offered at the market feature flexibility in balancing the load between these “bricks” of the data center.</p>
<p>When using data center consolidation, you must clearly know all items of expenses and the affecting factors in order to estimate IT costs. The first step in assessing these costs is listing the inventory of IT resources.</p>
<p><strong>The total cost is comprised of all IT-related expenses summed up:</strong></p>
<ul>
<li>expenses spent on hardware and software purchases,</li>
<li>systems maintenance,</li>
<li>administration and engineering costs,</li>
<li>end user related expenses,</li>
<li>losses due to failures and other.</li>
</ul>
<p>While planning IT budget, both maintenance expenses and IT development costs should be considered.</p>
<p>With hardware and software costs being clear enough, the costs of other components (services, for example) are controversial. You should know not only the cost of the service, but also have the means to control its quality.</p>
<p>These tasks can be carried out by implementing IT Infrastructure Library (ITIL). This approach gives an opportunity to estimate costs of IT services, to control their quality and possibly switch to another provider thus controlling the service cost.</p>
<p>Company’s IT department turns from being a completely unprofitable subdivision to a business department with a well-organized system of internal mutual settlement of expenses and costs control.</p>
<p>It’s important to understand that if you save money today by refusing to create a scalable solution, then in future you will face the need of additional investments for business extension.</p>
<p>In case the service cost offered by third party provider is lower than the cost of own IT department, the service can well be outsourced.<br />
Benefits of outsourcing include optimization of company’s expenses spent on IT department and own infrastructure, since when a provider’s infrastructure is used there is no need to maintain own one.</p>
<p>Therefore, company saves the money that otherwise would be spent on hardware, electricity, rooms, software and support.</p>
<p>Also, virtualization solutions allow cutting costs of electricity, improving controllability of the system, reducing recovery time, and in many cases reducing software licensing expenses.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/data-center-consolidation.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Virtual Data Room</title>
		<link>http://phpforms.net/tutorial/data-storage/virtual-data-room.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/virtual-data-room.html#comments</comments>
		<pubDate>Mon, 23 Apr 2012 06:30:28 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4238</guid>
		<description><![CDATA[
VDR (virtual data room) – is a website created to serve a certain purpose for a specified period of time. It grants authorized users access to the protected document storage according to users’ rights.
Initially, virtual data rooms were intended for use as alternative to physical data rooms upon carrying out due diligence procedure upon mergers [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://phpforms.net/tutorial/wp-content/uploads/2012/04/virtual-data-room-tutorial.jpg"><img class="aligncenter size-full wp-image-4240" title="Virtual Data Room" src="http://phpforms.net/tutorial/wp-content/uploads/2012/04/virtual-data-room-tutorial.jpg" alt="Virtual Data Room" width="265" height="254" /></a><strong></strong></p>
<p><strong>VDR (virtual data room)</strong> – is a website created to serve a certain purpose for a specified period of time. It grants authorized users access to the protected document storage according to users’ rights.</p>
<p>Initially, virtual data rooms were intended for use as alternative to physical data rooms upon carrying out due diligence procedure upon mergers and take-overs.</p>
<p>It looked like this: the seller dedicated or rented one or more rooms, where all paper folders were to be gathered. An appropriate schedule was made for potential buyers, who could visit the rooms and work with the documents. But given a considerable amount of paper folders, the time needed to familiarize with documents was too much and substantially delayed the signing of agreements.</p>
<p><em>For what purpose and how a virtual data room can be used?</em><br />
It can serve well in practically any situation that demands granting access to confidential information for several persons simultaneously, such as:</p>
<ul>
<li>corporate reports analysis;</li>
<li>creating document archive;</li>
<li>performing audit;</li>
<li>preparation of initial public offering (IPO);</li>
<li>mergers and take-overs;</li>
<li>seeking and presenting information for investors;</li>
<li>bankruptcy and restructuration;</li>
<li>preparation to request certificates for medicines or other scientific products.</li>
</ul>
<p><em>Alternatives</em><br />
In our case these are traditional data room, FTP server or intranet portal.</p>
<p><em>Comparison to traditional data room</em></p>
<p>Virtual data room is a website, which solves the problem of concurrent access to documents for users having corresponding rights, and gives an opportunity to work with needed documents anytime and anywhere.<br />
Comparing rental and maintenance expenses when using physical rooms, as well as time consumption for workers moving to and from the room can be easily imagined, and there are also expenses for security measures (like data encryption and personalized access). In addition to getting rid of all these expenses, virtual data rooms bring convenience of operation with automated directories, reports and search engines.</p>
<p><em>Comparison against FTP protocol</em><br />
FTP protocol involves information transfer in open form, and thus it can be potentially retrieved by someone else between FTP server and the addressee. This protocol also introduces complications with controlling the accounts.</p>
<p>In general, FTP just gives a storage “place”, where “something” is stored, and no options like version tracking or chatting are provided.</p>
<p><em>Comparison against other tools</em></p>
<p>A similar functionality can be implemented on a corporate intranet portal; however, creating an intranet site from scratch takes much more time and money than opening a virtual data room. Besides, opening access to intranet for strangers can conflict with company’s security policy.</p>
<p>Of course, e-mail, fax, CDs and flash drives are out there. But only virtual data room can provide the following features: no limits for file size, optional encryption, version tracking, and feedback associated with certain documents. But the major advantage is the “magical formula” 24/7 with the opportunity to access the information stored in virtual room from any location on the planet connected to the Internet.</p>
<p><em>How to choose a provider?</em></p>
<p>At the first glance, choosing a virtual data room provider is just like choosing an internet provider, and therefore you can consider the following criteria:</p>
<ul>
<li>Does provider have any experience in implementation of projects similar to the one you need?</li>
<li>Cost of service. It’s worth seeking through offers from several companies at the market, which provide this service.</li>
<li>Availability of multilanguage interface is an important advantage for foreign companies.</li>
<li>Availability of 24/7 support service, which speaks the language that you and your coworkers understand.</li>
<li>Opportunity to purchase both retail “box” product and a customizable solution to accommodate your particular needs.</li>
<li>Simplicity and usability of virtual data room interface will reduce the time spent on getting familiar with the service and minimize the count of mistakes.</li>
<li>Whether provider is giving an option to convert information from paper to digital form.</li>
<li>Degree of information protection.</li>
<li>Option to select physical data storage location. It should be up to the customer where he decides to store the confidential data – on provider’s side or on your own servers.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/virtual-data-room.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Raid 5 Data Recovery</title>
		<link>http://phpforms.net/tutorial/data-storage/raid-5-data-recovery.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/raid-5-data-recovery.html#comments</comments>
		<pubDate>Mon, 23 Apr 2012 06:06:22 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4229</guid>
		<description><![CDATA[
Raid 5 data recovery is one of the most demanded services for the reason that level 5 RAID-arrays are keeping the leading positions in terms of popularity among owners of servers and data storages. Advantages of such arrays include: increased performance, fault-tolerance, and relatively low cost of disk space.
RAID 5 is commonly overrated to the [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2012/04/Raid-5-Data-Recovery.jpg"><img class="aligncenter size-full wp-image-4230" title="Raid 5 Data Recovery" src="http://phpforms.net/tutorial/wp-content/uploads/2012/04/Raid-5-Data-Recovery.jpg" alt="Raid 5 Data Recovery" width="470" height="345" /></a><strong></strong></p>
<p><strong>Raid 5 data recovery</strong> is one of the most demanded services for the reason that level 5 RAID-arrays are keeping the leading positions in terms of popularity among owners of servers and data storages. Advantages of such arrays include: increased performance, fault-tolerance, and relatively low cost of disk space.</p>
<p>RAID 5 is commonly overrated to the level where it is considered the data storage, working and <a href="http://phpforms.net/tutorial/data-storage/backup-server.html">backup server</a> all at once. Such opinion is a misconception, and may lead to further problems.</p>
<p>RAID 5 – is the array of 3 of more disks united in a single system, which writes the data to all disks in blocks. Along with the data, checksums calculated with a certain algorithm are written in a cyclic manner homogenously across all disks, providing RAID 5 fault-tolerance.</p>
<p>Everyone familiar with the basics of mathematical logics surely remember the simple operation called “addition modulo 2” (“exclusive or”, XOR). This very operation is the basis of checksum calculation algorithm, and it allows on-the-fly recalculation of the contents of any disk missing in array, using only the data and checksums stored on the rest of disks.</p>
<p>The total disk space dedicated to redundancy is equal to the capacity of one RAID5 disk. Correspondingly, the remaining disk space available for storage will be equal to (n-1)*V, where n is the disk count in array, and V is the capacity of the array’s smallest disk in GB.</p>
<p>Such system is implemented either with the use of RAID-controller (this solution is called hardware RAID 5), or by means of operating system’s tools, i.e. software RAID.</p>
<p><strong>Level 5 RAID arrays can be different in several aspects:</strong></p>
<ul>
<li>Disk count and capacity</li>
<li>Disk order in array</li>
<li>Array block size</li>
<li>Data block writing algorithm (structure)</li>
<li>Checksum “pattern”</li>
<li>Presence/absence of shifts and discontinuities in data writes</li>
<li>Presence/absence of RAID’s internal information areas</li>
</ul>
<p><strong>The procedure of raid 5 data recovery:</strong></p>
<ul>
<li>The physical condition of disks is tested, and the set of acceptable operations is determined.</li>
<li>Good disks are attached to the system bypassing any RAID-controllers, and excluding any possibilities of content modification.</li>
</ul>
<p>Each disk’s content is analyzed in a HEX editor. Crucial points are located (MBR, boot-sectors, file system headers, partition boundaries), which allow identifying and confirming the information regarding the composition and level of RAID array in question.</p>
<p>As soon as we visualize the general picture of the puzzle, we proceed to assembling it. Of course, mosaic is best reconstructed from the structured pieces of a certain size. This can be a file allocation table or the data of particular types. The more experienced specialist is the more chances he has to successfully locate disk areas useful for analysis. At this stage it is possible to determine data block size, data structure, as well as checksum “pattern”. Also, shifts and discontinuities in the data stored on HDDs can be figured out.</p>
<p>Next, we find out whether the contents of operable disks are sufficient. If not, required missing parts are recovered. It is important to create the full image including every disk sector at this stage.</p>
<p>If we now have all the data on our hands, we can proceed to software assembling. That is, RAID-controller operation with the correct algorithm on the correct disk array is emulated by software tools. We arrange the disks in the correct order (while detaching unnecessary ones), and then adjust all parameters of the algorithm. It is not principal what soft exactly is used for this purpose.</p>
<p>Even if we get back (or recover) all the disks in array to normal operation, it is possible that we can still be unable to access particular blocks of data. As a rule, such discontinuities have cyclical nature and are caused by one or more incorrect procedures such as initialization, RAID rebuilds and so on. This is likely due to unqualified attempts of hardware <a href="http://phpforms.net/tutorial/data-storage/raid-data-recovery.html">RAID data recovery</a> or “inconsistent” operation of the equipment in abnormal situations. Still, in many cases inaccessible blocks can be recovered by means of recalculation based on a certain set of other disks.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/raid-5-data-recovery.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Raid Data Recovery</title>
		<link>http://phpforms.net/tutorial/data-storage/raid-data-recovery.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/raid-data-recovery.html#comments</comments>
		<pubDate>Tue, 27 Mar 2012 10:08:59 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4222</guid>
		<description><![CDATA[RAID arrays are usually used in servers for the purpose of increasing reliability of stored information or disk system performance. There are both hardware and software RAID arrays.
High reliability of storing data in RAID arrays is provided by means of data redundancy and implies fault tolerance towards failure of particular disks from a RAID array.
Increase [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #000000;">RAID arrays are usually used in servers for the purpose of increasing reliability of stored information or disk system performance. There are both hardware and software RAID arrays.</span></p>
<p><span style="color: #000000;">High reliability of storing data in RAID arrays is provided by means of data redundancy and implies fault tolerance towards failure of particular disks from a RAID array.</span></p>
<p><span style="color: #000000;">Increase in data access speed is possible only in some levels of RAID array and can be implemented by means of simultaneous execution of similar operations on different disks from array.</span></p>
<p><span style="color: #000000;">There are different levels of such arrays, for instance, RAID 0, RAID 5, RAID 10 and so on.</span></p>
<p><span style="color: #000000;">Unfortunately, regardless of all measures directed on improvement in RAID array data storage reliability, they fail to guarantee complete integrity of information. There are a number of reasons, which can lead to destruction of data. In general such reasons are related either to human element or to failures of hardware and software.</span></p>
<p><span style="color: #000000;">Let’s examine the ways of data recovery from RAID arrays of different levels in detail:</span></p>
<p><strong><span style="color: #000000;">RAID 1 data recovery</span></strong></p>
<ol>
<li><span style="color: #000000;">First, analysis of destruction over all drives is carried out. Next, each drive is copied to an image file excluding defects. After reading all stable portions of data, problem portions are read, and finally the copy most relevant to the original is made.</span></li>
<li><span style="color: #000000;">Merging of two copies with regard to defects (subject to data relevancy to the original) is carried out.</span></li>
<li><span style="color: #000000;">If present, logical impairments of file system are fixed, and result is copied to another media.</span></li>
</ol>
<p><strong><span style="color: #000000;">RAID 0 data recovery</span></strong></p>
<ol>
<li><span style="color: #000000;">Analysis of destruction over all drives is carried out. Next, each drive is copied to an image file excluding defects. After reading all stable portions of data, problem portions are read.</span></li>
<li><span style="color: #000000;">Interlace block size is determined.</span></li>
<li><span style="color: #000000;">Offset for each drive and the interlace order are determined.</span></li>
<li><span style="color: #000000;">Result image is created, while fixing impairments in file system if needed. Then it is copied to another media.</span></li>
</ol>
<p><strong><span style="color: #000000;"><a href="http://phpforms.net/tutorial/data-storage/raid-5-data-recovery.html">RAID 5 data recovery</a></span></strong></p>
<ol>
<li><span style="color: #000000;">Analysis of destruction over all drives is carried out. Next, each drive is copied to an image file excluding defects. After reading all stable portions of data, problem portions are read.</span></li>
<li><span style="color: #000000;">Interlace block size is determined.</span></li>
<li><span style="color: #000000;">Offset for each drive, parity interlace block order, and the data interlace order are determined. If only one drive from array fails, it is not necessary to recover data from it, since the data from missing disk will be restored based on parity block and the data on the rest of drives.</span></li>
<li><span style="color: #000000;">Result image is created, while fixing impairments in file system if needed. Then it is copied to another media.</span></li>
</ol>
<p><strong><span style="color: #000000;">RAID 6 data recovery</span></strong></p>
<ol>
<li><span style="color: #000000;">Analysis of destruction over all drives is carried out. Next, each drive is copied to an image file excluding defects. After reading all stable portions of data, problem portions are read.</span></li>
<li><span style="color: #000000;">Interlace block size is determined.</span></li>
<li><span style="color: #000000;">Offset for each drive, parity interlace block order, and the data interlace order are determined. If only two drives from array fail, it is not necessary to recover data from those, since the data from missing disks will be restored based on parity block and the data on the rest of drives.</span></li>
<li><span style="color: #000000;">Result image is created, while fixing impairments in file system if needed. Then it is copied to another media.</span></li>
</ol>
<p><span style="color: #000000;">RAID 10 data recovery is similar to RAID 0 data recovery with only difference that it may be necessary to determine relevancy of copies against originals.</span></p>
<p><span style="color: #000000;">RAID 50 data recovery is similar to RAID 5 data recovery with a difference that it will be necessary to recover two RAID 5 arrays and merge them into single RAID 0 image afterwards.</span></p>
<p><span style="color: #000000;">RAID 60 data recovery is similar to RAID 6 data recovery with a difference that it will be necessary to recover two RAID 6 arrays and merge them into single RAID 0 image afterwards.	Matrix RAID data recovery is basically recovery process of one or more RAID 0, 1, 5 arrays depending on actual configuration.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/raid-data-recovery.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Offsite Backup</title>
		<link>http://phpforms.net/tutorial/data-storage/offsite-backup.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/offsite-backup.html#comments</comments>
		<pubDate>Tue, 27 Mar 2012 08:48:03 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4218</guid>
		<description><![CDATA[
Offsite backup services, also known as remote backup or online backup services, allow making data backups and storing them at a remote site, while providing access to the files from any location having the Internet connection.
Pioneer companies which offered offsite backup services made their appearance in late 1990s. Today the majority of online backup service [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><a href="http://phpforms.net/tutorial/wp-content/uploads/2012/03/Offsite-Backup.jpg"><img class="aligncenter size-full wp-image-4219" title="Offsite Backup" src="http://phpforms.net/tutorial/wp-content/uploads/2012/03/Offsite-Backup.jpg" alt="Offsite Backup" width="340" height="226" /></a><br />
<strong>Offsite backup</strong> services, also known as remote backup or online backup services, allow making data backups and storing them at a remote site, while providing access to the files from any location having the Internet connection.</p>
<p>Pioneer companies which offered offsite backup services made their appearance in late 1990s. Today the majority of online backup service providers use the SaaS (Software as a Service) model.</p>
<p>SaaS is a business model of selling and using the software such that the provider develops a web application and maintains it on his own, while customers purchase the right of accessing the software over the Internet.</p>
<p>The principal advantage of SaaS model for a customer is the absence of expenses connected with installation, updating and maintenance of hardware, and software running on it.</p>
<p>A payment is usually made in a form of yearly or monthly subscription fee depending on data storage capacity ordered.</p>
<p>Thus, offsite backup users are totally free from spending money on purchasing and upgrading their own storage systems. Using remote storage run by acknowledged, reputable providers may even significantly increase enterprise storage system security level in whole.</p>
<p>Online data backup services have a few common features. All of them are using Internet for transferring information to remote data storage, they suggest automatic backup while computer is idle, and allow scheduling backup creation during off hours.</p>
<p>System administrators can adapt data backup scheme for any particular machine. Recovery after disastrous situations as well as casual recovery from backups is also accomplished via Internet.</p>
<p>The distinction of offsite backup services lies in customer fee, speed and control options over remote backup modes.  The majority of such services only transfer that portion of data which was changed since the latest backup has been made.</p>
<p>They also adjust data transfer rate so a backup service doesn’t take away the entire Internet channel bandwidth. The list of additional functions can be extended with data encryption, compression, and <a href="http://phpforms.net/tutorial/data-storage/data-deduplication.html">data deduplication</a> options.</p>
<p><strong>Here goes the list of the most popular offsite backup service providers.</strong></p>
<p><strong>MozyPro</strong>. The service is owned by Berkeley Data Systems start-up. The company was founded in 2005. Now MozyPro is used by over 3 million customers across the world including 70,000 corporations. Total data storage reaches 70 Petabytes spread among numerous datacenters over the world.</p>
<p><strong>Arsenal Digital Solutions USA Inc</strong>. The company was founded in 1998 and had been specializing in data protection within distributed environments for a long time. Today it has storage of 20 Petabytes in 65 datacenters. The company’s major services are: ViaRemote – the service of data protection for PCs and servers (including VMWare virtual servers), ViaBack – for applications and servers protection, and ViaManage – for local data protection.</p>
<p><strong>EVault Inc</strong>. EVault has purchased one of network backup pioneers – VytalNet Inc. provider – in 2001. It has since become one of leading online <a href="http://phpforms.net/tutorial/data-storage/differential-backup.html">differential backup</a> service providers. The company offers disk-to-disk backup service in network and local variants. They offer products both for desktops and servers. In 2007 EVault had been purchased by Seagate Company.</p>
<p><strong>iDrive Pro</strong>. It is a service owned by Pro Softnet Corp., an ASP provider located in California (USA). It has more than 70 million customers and provides a total data storage of about 15 Petabytes.</p>
<p><strong>SOS Online Backup</strong>. The company was established in 2001 in Australia, and then transferred their operations to territories of USA, Europe, and India. Business-product offered by the company is SOS for Servers. Company incorporates 11 datacenters across different continents.</p>
<p><strong>AmeriVault Corp</strong>. The company was established in 1998 and had been specializing in online data backup and <a href="http://phpforms.net/tutorial/data-storage/application-management-service.html">application management services</a>. It provides services of continuous real-time data protection and duplication as well as automatic recovery in case of data loss.</p>
<p><strong>Iron Mountain Inc</strong>. This provider offers services of PC and <a href="http://phpforms.net/tutorial/data-storage/backup-server.html">server backup</a>, data recovery, as well as cataloging and searching of digital documents. It has 10 datacenters in possession.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/offsite-backup.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Application Management Service</title>
		<link>http://phpforms.net/tutorial/data-storage/application-management-service.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/application-management-service.html#comments</comments>
		<pubDate>Tue, 27 Mar 2012 06:58:23 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4215</guid>
		<description><![CDATA[
Application management service toolkit in the cloud is meant to check services for availability, performance, and compliance with required parameters, as well as to monitor expenses related to deployment and provision of these services.
 The key element of a cloud-based application management service is tools of automated detection capable of distinguishing and detecting changes within [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://phpforms.net/tutorial/wp-content/uploads/2012/03/Application-Management-Service.jpg"><span style="color: #000000;"><img class="aligncenter size-full wp-image-4216" title="Application Management Service" src="http://phpforms.net/tutorial/wp-content/uploads/2012/03/Application-Management-Service.jpg" alt="Application Management Service" width="311" height="315" /></span></a></p>
<p><span style="color: #000000;"><strong>Application management service</strong> toolkit in the cloud is meant to check services for availability, performance, and compliance with required parameters, as well as to monitor expenses related to deployment and provision of these services.</span></p>
<p><span style="color: #000000;"> The key element of a cloud-based application management service is tools of automated detection capable of distinguishing and detecting changes within service components, including virtual and physical servers, network connections and applications.</span></p>
<p><span style="color: #000000;"> In order to implement dynamic services, processes and tools of performance management and capacity management are required aside from <a href="http://phpforms.net/tutorial/data-storage/virtualizaion.html">virtualization</a> and automation technologies on BSM (Business Service Management) level.</span></p>
<p><span style="color: #000000;"> Performance parameters are stated in the Service Level Agreement (SLA), while software tools should provide a way to track the parameters in real time. That gives consumers control over actual performance.</span></p>
<p><span style="color: #000000;"> Capacity management allows optimizing of cloud resources allocation and distribution according to the data on users’ specified demands and current changes of those. Capacity management also provides an option to plan allocation of needed resources for new cloud services (including <a href="http://phpforms.net/tutorial/data-storage/cloud-backup-services.html">cloud backup services</a>).</span></p>
<p><span style="color: #000000;"> One of crucial cloud features is self-service. A convenient tool providing such functionality is service directory, a well-known ITSM (IT Service Management) methodology element, which serves as a foundation for request management process in cloud environment. This directory is a “menu” of cloud services and it is usually complemented by self-service portal for users.</span></p>
<p><span style="color: #000000;"> User’s request given to service directory can transform to one or more detailed queries, for example, to create a virtual machine or to install a corresponding application. After that, automation technologies should take care of altering cloud infrastructure “on the fly” to accommodate user’s request.</span></p>
<p><span style="color: #000000;"> Configuration control process is based on underlying configuration database, also known as CMS (Configuration Management System), which displays infrastructure status and serves as the foundation for building service maps in BSM systems with the purpose of tracking technologic components’ influence on service implementation and, ultimately, the influence on business processes.</span></p>
<p><span style="color: #000000;"> CMS should be capable of: integrating configuration elements of different origin – physical and virtual infrastructure components, <a href="http://phpforms.net/tutorial/data-storage/private-cloud.html">private cloud</a> elements, and external resources; using the tools of real-time automated component detection and dynamic propagation of changes.</span></p>
<p><span style="color: #000000;"> For observing the SLA (Service Level Agreement) regarding cloud services, an availability management process is needed. For example, if a cloud service performance starts to decrease, the system will automatically allocate additional cloud resources to keep up with performance parameters stated in SLA. The process of managing SLA compliance helps to guarantee that cloud resources will meet security policies established on a customer enterprise.</span></p>
<p><span style="color: #000000;"> One more requirement for a cloud-oriented application management service of new generation is worth mentioning.</span></p>
<p><span style="color: #000000;"> The complexity of the environment makes demand for more convenient personalized tools for various roles in IT-service, which are going to maintain efficient interaction between specialists and serve as a unified platform for access and analysis of required information regarding cloud services management.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/application-management-service.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Data Reduction</title>
		<link>http://phpforms.net/tutorial/data-storage/data-reduction.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/data-reduction.html#comments</comments>
		<pubDate>Mon, 19 Mar 2012 07:08:38 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4211</guid>
		<description><![CDATA[
 First of all, let’s figure out what is regarded as data reduction technology also known as Capacity Optimized Storage, COS or Capacity Optimized Transport, COT (applicable to data transfer via territorially distributed network channels).
 In fact, data reduction consolidates fragments of the same content, providing for reduction of disk space required for storing the [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://phpforms.net/tutorial/wp-content/uploads/2012/03/Data-Reduction.jpg"><span style="color: #000000;"><img class="aligncenter size-full wp-image-4212" title="Data Reduction" src="http://phpforms.net/tutorial/wp-content/uploads/2012/03/Data-Reduction.jpg" alt="Data Reduction" width="600" height="450" /></span></a></p>
<p><span style="color: #000000;"> First of all, let’s figure out what is regarded as data reduction technology also known as Capacity Optimized Storage, COS or Capacity Optimized Transport, COT (applicable to data transfer via territorially distributed network channels).</span></p>
<p><span style="color: #000000;"> In fact, data reduction consolidates fragments of the same content, providing for reduction of disk space required for storing the file.</span></p>
<p><span style="color: #000000;"> Fragment size and optimization algorithms may vary, however every data reduction solution is based on the same principle, which implies decomposition of data to blocks of certain size and detecting repetitive blocks.</span></p>
<p><span style="color: #000000;"> Now imagine how this technology works in regard to backup operations. When backup of files is created using data reduction technology, the resulting backup size is smaller than the original due to savings by merging repetitive fragments. Aside from the fact that disk space volume saved in this way can be rather significant, data reduction has one more important advantage. Identical fragments are copied only once. Thus, starting from the backup cycle number two, the system saves only a small part of original content to backup storage, because with the course of time the files are practically left unchanged for the most part.</span></p>
<p><span style="color: #000000;"> Think about how many identical pieces of information are stored in your data center, and you will realize why backup applications based on data reduction technology can achieve amazing compress ratios – sometimes reaching 10:1 and beyond.</span></p>
<p><span style="color: #000000;"> Compression provides for faster execution of backup cycles. Besides, usage of data reduction technology simplifies data exchange between distant offices, speeds up data transfer and cuts expenses spent on communication services. It is not surprising that vendors enhance their major products with replication applications.</span></p>
<p><span style="color: #000000;"> Perhaps the most substantial effect of data reduction technology is the fact that the cost of backups stored on disks becomes quite comparable to cost of <a href="http://phpforms.net/tutorial/data-storage/tape-backup.html">tape backups</a>. Therefore, the price difference between these two media types given the same volume of stored information is almost neglected.</span></p>
<p><span style="color: #000000;"> Competing manufacturers has been developing proprietary data reduction tools taking different approaches. Data Domain Company offers an integrated software plus hardware solution for backups, while Avamar is ready to deploy Axion application both in standalone product or bundled with required equipment. Maybe the most substantial difference between these two products lies in the fact that Data Domain’s product is integrated with basic backup applications, and Axion software just replaces them.</span></p>
<p><span style="color: #000000;"> “DD460 is a fully functional disk system that serves as a network connected storage device for backup software”, ­­– Data Domain CEO Frank Slootman explained. – “Inside the black box there is our secret sauce, which provides for repetitive duplicates detection in different ways and their further unique allocation on the disk.”</span></p>
<p><span style="color: #000000;"> “You can purchase our equipment or request the list of devices which were already tested by us and had shown a decent performance”, – Avamar CEO Ed Walsh stated. – “In general, Axion operates properly on any hardware running Red Hat Linux operating system.”</span></p>
<p><span style="color: #000000;"> Taking into consideration that the volume of stored data gets doubled every year for most companies, data reduction system deployment may prove to be the most efficient way of maintaining systems’ readiness and retaining the controllable state of data protection tools.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/data-reduction.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Data Deduplication</title>
		<link>http://phpforms.net/tutorial/data-storage/data-deduplication.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/data-deduplication.html#comments</comments>
		<pubDate>Mon, 19 Mar 2012 06:52:59 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4207</guid>
		<description><![CDATA[
 Technologies of compression and deduplication play an especially important role in the reality of exponential growth of data volumes.
Data deduplication continues its extensive development in area of storage systems for backups, archives, virtual machine images etc.
 Its usage not only allows saving storage capacity, but also increasing speed of saving and restoring the data. [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://phpforms.net/tutorial/wp-content/uploads/2012/03/Data-Deduplication.jpg"><span style="color: #000000;"><img class="aligncenter size-full wp-image-4208" title="Data Deduplication" src="http://phpforms.net/tutorial/wp-content/uploads/2012/03/Data-Deduplication.jpg" alt="Data Deduplication" width="400" height="300" /></span></a></p>
<p><span style="color: #000000;"> Technologies of compression and deduplication play an especially important role in the reality of exponential growth of data volumes.</span></p>
<p><span style="color: #000000;"><strong>Data deduplication</strong> continues its extensive development in area of storage systems for backups, archives, virtual machine images etc.</span></p>
<p><span style="color: #000000;"> Its usage not only allows saving storage capacity, but also increasing speed of saving and restoring the data. Various storage systems will soon have deduplication functions as a built-in feature.</span></p>
<p><span style="color: #000000;"> First there ware magnet tapes, and it was the sole means of storing backups. Then capacious yet inexpensive hard disk drives appeared. Several years ago disk systems enhanced with data deduplication mechanisms were introduced. Such systems are capable of excluding repetitive duplication of identical fragments and now they hold an intermediate position between tape and hard disks.</span></p>
<p><span style="color: #000000;"> Each of these technologies has their respective advantages and downsides. Fortunately, downsides of one technology can be compensated by advantages of others if we combine them all together in a D2D2T (disk-to-disk-to-tape) hierarchical system enhanced with aforementioned deduplication.</span></p>
<p><span style="color: #000000;"> There are a lot of intuitive approaches to implementing data deduplication. It can be performed in arbitrary combinations on either file or block level real-time, or during further processing of copied data. Regardless of particular choice, the essence is basically the same: prior to saving a new data fragment, the system records its “fingerprint” using one of several algorithms. After that, if the system encounters the fragment with already known “fingerprint”, such fragment is not saved; just the path to its existing copy is saved instead.</span></p>
<p><span style="color: #000000;"> Process reliability obviously depends on the degree of fingerprint uniqueness, which in its turn depends on the algorithm selected.</span></p>
<p><span style="color: #000000;"> If we compare different approaches in terms of efficiency, then a usual compression with known archiving algorithms cuts the data volume to a half on average. File level deduplication used in CAS (Content Addressed Storage) allows cutting the volume to three or four times less, while switching to blocks or even smaller portions (called chunks) has potential of reducing the volume up to 20 times.</span></p>
<p><span style="color: #000000;"> Technologies of block data deduplication are usually provided by companies specializing in virtual tape libraries, such as Avamar (purchased by EMC Corporation), Symantec Puredisk, Asigra, Data Domain, Diligent Technologies, Falconstor, Sepaton and Quantum. Network Appliance offers proprietary solutions as well.</span></p>
<p><span style="color: #000000;"> Technologies of file data deduplication are offered by EMC in Centera product line, and by Hitachi Data Systems owing to purchase of Archivas and Caringo.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/data-deduplication.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Disaster Recovery Replication</title>
		<link>http://phpforms.net/tutorial/data-storage/disaster-recovery-replication.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/disaster-recovery-replication.html#comments</comments>
		<pubDate>Mon, 19 Mar 2012 06:46:52 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4198</guid>
		<description><![CDATA[
 The maximum security level during data recovery can be provided by disaster recovery replication technologies, which make a copy of each new data record in the production system to the backup storage system located either locally or at a remote site.
 There are two main types of IT disaster recovery replication: synchronous and asynchronous. [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://phpforms.net/tutorial/wp-content/uploads/2012/03/Disaster-Recovery-Replication.jpg"><span style="color: #000000;"><img class="aligncenter size-full wp-image-4204" title="Disaster Recovery Replication" src="http://phpforms.net/tutorial/wp-content/uploads/2012/03/Disaster-Recovery-Replication.jpg" alt="Disaster Recovery Replication" width="400" height="300" /></span></a></p>
<p><span style="color: #000000;"> The maximum security level during data recovery can be provided by disaster recovery replication technologies, which make a copy of each new data record in the production system to the backup storage system located either locally or at a remote site.</span></p>
<p><span style="color: #000000;"> There are two main types of <a href="http://phpforms.net/tutorial/data-storage/it-disaster-recovery.html">IT disaster recovery</a> replication: synchronous and asynchronous. Each corresponds to different levels of application importance.</span></p>
<p><span style="color: #000000;"><strong>Synchronous disaster recovery replication</strong><br />
Synchronous replication allows performing data backup to the secondary storage system each time when a write operation occurs in the primary source. This means that recovery point objective (RPO is the maximum amount of data which is tolerable for a company to lose) will be equal to zero, i.e. no data will be lost, and the normal operation of business applications on a backup site can be restored almost immediately.</span></p>
<p><span style="color: #000000;"> However, such a high level of protection is traded for the inability of implementing the synchronous replication at remote sites.</span></p>
<p><span style="color: #000000;"> This technology induces a heavy load on network connections. Besides, since each write operation waits for remote site’s duplication acknowledgement, it introduces delays in data transfer, which affect applications’ performance.</span></p>
<p><span style="color: #000000;"> As a rule, these delays do not exceed an acceptable level only when the distance between the main and the remote site is not greater than a couple dozen miles or so.</span></p>
<p><span style="color: #000000;"><strong>Asynchronous disaster recovery replication</strong><br />
The problem of distance is no longer relevant in the case of asynchronous replication, which does not imply making backup of each single write operation. Instead, it puts these writes in a queue maintained on the main site and then uploads it to the secondary storage system once in a set time interval. Just like synchronous replication, asynchronous replication provides for a very quick restoration of system’s normal operation on the backup site.</span></p>
<p><span style="color: #000000;"> However, storing a certain amount of data in the main site’s queue without actually making the backup increases the risk of data loss in case failure occurs.</span></p>
<p><span style="color: #000000;"> Asynchronous replication is also prone to data integrity disruption, since the exact data writing sequence is not guaranteed to be identically duplicated to the secondary storage system.</span></p>
<p><span style="color: #000000;"> Replication technologies allow implementing plans of BC (Business Continuity)/DR (disaster recovery) for the most critical business systems. As long as such systems are connected with networking in one way or another, they may prove to be more efficient when deployed along with global network data transfer optimization solutions, including integration of <a href="http://phpforms.net/tutorial/data-storage/data-deduplication.html">data deduplication</a> and compression tools.</span></p>
<p><span style="color: #000000;"> Today solutions for different types of data backup and replication are offered by virtually all leading storage system and network infrastructure vendors: IBM, HP, EMC, Hitachi Data Systems, Teradata, NetApp and others.</span></p>
<p><span style="color: #000000;"> Among all developers of network optimization technologies we can highlight, for example, Riverbed Company, whose products provide for contraction of the size of data transferred across the network during backup or replication, thus reducing requirements for global network connections bandwidth, and also prioritize network traffic depending on the degree of data importance.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/disaster-recovery-replication.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Disaster Recovery Plan</title>
		<link>http://phpforms.net/tutorial/data-storage/disaster-recovery-plan.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/disaster-recovery-plan.html#comments</comments>
		<pubDate>Mon, 19 Mar 2012 06:32:10 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4193</guid>
		<description><![CDATA[
Imagine a secretary in search of a presentation, which was prepared the day before especially for meeting with clients. For some reason she cannot find it now. The needed data is not at hand, so the new presentation cannot be created, and what’s more important there is no time for that. If the enterprise lacks [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2012/03/Disaster-Recovery.jpg"><span style="color: #000000;"><img class="aligncenter size-full wp-image-4202" title="Disaster Recovery Plan" src="http://phpforms.net/tutorial/wp-content/uploads/2012/03/Disaster-Recovery.jpg" alt="Disaster Recovery Plan" width="701" height="268" /></span></a></p>
<p><span style="color: #000000;">Imagine a secretary in search of a presentation, which was prepared the day before especially for meeting with clients. For some reason she cannot find it now. The needed data is not at hand, so the new presentation cannot be created, and what’s more important there is no time for that. If the enterprise lacks a clear tested <strong>disaster recovery plan</strong>, the following events are likely to proceed. The secretary calls IT administrator in despair only to be informed that he is on vacation. Priceless time is getting wasted, when she finally reaches someone from IT department, and again that coworker tells that he has only shallow knowledge about backup system and has never attempted emergency recovery. A half of the day will pass until he figures out how to recover needed data, then he may or may not recover the presentation in question, but it is too late anyway and the important meeting is already spoiled.</span></p>
<p><span style="color: #000000;">Now, if there was a correctly made disaster recovery plan, the secretary would certainly know who is responsible for handling such situations or the person who can substitute him in his absence, and she would call him directly. That employee, who knows the system well, would recover the missing presentation rather quickly, and the meeting with clients would proceed as planned.</span></p>
<p><span style="color: #000000;">Elaborately developed disaster recovery plan is urgently needed in case of complete loss of entire digital data. Efficient recovery and, as a result, quick restoration of current operation can be decisive for the enterprise’s further existence. That’s why disaster recovery plan is an obligatory element of any good IT security concept.</span></p>
<p><strong><span style="color: #000000;">When making a plan, you should think about the following:</span></strong></p>
<ul>
<li><span style="color: #000000;">For what purpose the enterprise is using digital data?</span></li>
<li><span style="color: #000000;">When that data should be delivered?</span></li>
<li><span style="color: #000000;">How would it affect the business process if the data becomes unavailable for one day or gets lost permanently?</span></li>
</ul>
<p><span style="color: #000000;"><a href="http://phpforms.net/tutorial/data-storage/it-disaster-recovery.html">IT disaster recovery</a> team positions should be clearly designated. The most critical thing is to assign the person in charge of making decisions during disastrous situations and also his stand-in. If possible, one of managers should also be involved in planning so he will be able to assist in case of unexpected circumstances. It is important to inform all co-workers about disaster recovery plan and gather briefings devoted to it regularly. Also, it should be decided how exactly a notification about disastrous situation is made and who is the first person to be notified when it happens.</span></p>
<p><span style="color: #000000;">For events of total failure and serious disasters, a Disaster recovery plan should be stored in printed form at the office building and also at some safe remote location.</span></p>
<p><span style="color: #000000;">The issue about required quickness of reaction should be decided depending on the branch of enterprise activity and on the extent of how critical digital data is for enterprises’ operation. Should there be an immediate reaction in the event of data loss that occurred during off hours, or it can be postponed until the beginning of the next workday? Besides, the data should be categorized by its importance. The most critical data should be unquestionably recovered immediately while recovery of other data can be delayed.</span></p>
<p><strong><span style="color: #000000;">Disaster recovery plan should contain the following information:</span></strong></p>
<ul>
<li><span style="color: #000000;">telephone numbers and addresses of persons to be notified about the disaster;</span></li>
<li><span style="color: #000000;">information on the person in charge of making decisions together with his stand-in;</span></li>
<li><span style="color: #000000;">information regarding backup data center;</span></li>
<li><span style="color: #000000;">information on IT service companies;</span></li>
<li><span style="color: #000000;">address list of manufacturers and vendors of software and hardware.</span></li>
</ul>
<p><span style="color: #000000;">Each stage of recovery plan instructions should be formulated and classified according to importance degree and extent of damage.</span></p>
<p><span style="color: #000000;">Along with instructions for regular employees, the document should include manuals regarding procedures carried out by recovery handling staff.</span></p>
<p><span style="color: #000000;">The document should contain step-by-step instructions regarding disaster recovery formulated in a way such that even a guest IT specialist is capable of understanding and carrying out all the steps.</span></p>
<p><span style="color: #000000;">Disaster recovery procedures should be written down with short, unambiguous and clear phrases. Graphics can be used in order to improve comprehension.</span></p>
<p><span style="color: #000000;">Practice alerts and trainings on disaster recovery plan usage should be conducted at least once a year.<br />
After disaster recovery is fully completed, it should be checked whether all data is accessible again. Often some files are overlooked during recovery and users forget about them. In such case all further backups will not contain those lost files, thus exposing them to risk of being permanently deleted from previous backups due to Retention Policy.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/disaster-recovery-plan.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IT Disaster Recovery</title>
		<link>http://phpforms.net/tutorial/data-storage/it-disaster-recovery.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/it-disaster-recovery.html#comments</comments>
		<pubDate>Mon, 12 Mar 2012 14:56:47 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4164</guid>
		<description><![CDATA[
 Serious failures can happen anytime: even a smoldering fire at the data center is enough to paralyze its entire infrastructure. Aftermaths of floods are even more tragic, since whole server rooms permanently go out of service after being filled with water. The list of disasters can be continued infinitely.
 In terms of handling such [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2012/03/Disaster-Recovery-Plan.jpg"><span style="color: #000000;"><img class="aligncenter size-full wp-image-4194" title="IT disaster recovery" src="http://phpforms.net/tutorial/wp-content/uploads/2012/03/Disaster-Recovery-Plan.jpg" alt="IT disaster recovery" width="545" height="362" /></span></a></p>
<p><span style="color: #000000;"> Serious failures can happen anytime: even a smoldering fire at the data center is enough to paralyze its entire infrastructure. Aftermaths of floods are even more tragic, since whole server rooms permanently go out of service after being filled with water. The list of disasters can be continued infinitely.</span></p>
<p><span style="color: #000000;"> In terms of handling such situations, medium business enterprises are prepared worse than others. And they need to pay special attention to two aspects – Disaster Recovery and Business Continuity.</span></p>
<p><span style="color: #000000;"> The primary objective of <strong>IT disaster recovery</strong> is to restore and replace the damaged portions of IT infrastructure, as well as critical corporate data. As for Business Continuity, this concept involves many other aspects aside merely technical IT reconstruction: the idea is to prevent interrupts (or at least durable downtime) of business processes in case of a disaster, while allowing the enterprise to continue its normal operation.</span></p>
<p><span style="color: #000000;"> The primary objective of Business Continuity is to minimize downtimes no matter what caused them – either a disaster or a scheduled maintenance of systems connected with taking them offline. By means of certain modifications and additions, corresponding methods and processes are appended to tasks of IT disaster recovery. For instance, in case of scheduled downtime of virtualized infrastructures, administrators can use systematic shut down of separate servers and storage systems in order to update operating systems and applications or upgrade hardware.</span></p>
<p><span style="color: #000000;"> Among technologies used at times of unexpected failures are: Clustering, SAN (<a href="http://phpforms.net/tutorial/data-storage/storage-area-network.html">Storage Area Network</a>) Replication, and also mirrored servers and storage systems in territorially separated data centers ­­­– all of these are needed for effective disaster recovery.</span></p>
<p><strong><span style="color: #000000;">IT Disaster recovery planning</span></strong></p>
<p><span style="color: #000000;"> Medium business owners are challenged to answer two major questions: how to start solving Disaster Recovery problem and which technology is best suitable for this matter? Comparing to large companies, IT infrastructure of medium enterprises is seen as very compact. Nevertheless, first you should come up with a disaster recovery plan and then periodically test it.</span></p>
<p><span style="color: #000000;"> A typical IT disaster recovery plan consists of hundreds of individual steps, starting from changing the cable connections and ending with detailed description of the order in which servers should be recovered.</span></p>
<p><span style="color: #000000;"> However, having the plan itself is not enough – its efficiency should be proven in the course of regular testing. As a rule, individually developed means and recommendations come with an excessive number of complicated, manually performed steps that have to be taken in order to restore access to resources, recover operating systems and user data, as well as to test readiness of servers, network components and storage systems.</span></p>
<p><span style="color: #000000;"> Instead of self-made solutions, it is reasonable to implement a virtual infrastructure along with specialized Back-up and Recovery software.</span></p>
<p><span style="color: #000000;"> Shared storage system is a one of virtual infrastructure’s central components. The main objective is to store protected excessive local data here and create mirroring storage capacities available in some other place. A wide range of functions allow performing efficient remote data multiplication, IT disaster recovery and control over secondary storage systems.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/it-disaster-recovery.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cloud Technology</title>
		<link>http://phpforms.net/tutorial/data-storage/cloud-technology.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/cloud-technology.html#comments</comments>
		<pubDate>Mon, 12 Mar 2012 12:48:00 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4158</guid>
		<description><![CDATA[

Cloud computing has obviously aggregated so many various technologies, ideas, and products, that a certain portion of this ballast will have to be disposed of in the near future. As events evolve, it will become clear which technologies prove to be viable, and which fade out to the background of IT history. Anyway, we will [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><span style="color: #000000;"><a href="http://phpforms.net/tutorial/wp-content/uploads/2012/03/Cloud-Technology.jpg"><img class="aligncenter size-full wp-image-4159" title="Cloud Technology" src="http://phpforms.net/tutorial/wp-content/uploads/2012/03/Cloud-Technology.jpg" alt="Cloud Technology" width="300" height="300" /></a><br />
<a href="http://phpforms.net/tutorial/data-storage/cloud-computing.html"></a></span></p>
<p style="text-align: justify;"><span style="color: #000000;"><a href="http://phpforms.net/tutorial/data-storage/cloud-computing.html">Cloud computing</a> has obviously aggregated so many various technologies, ideas, and products, that a certain portion of this ballast will have to be disposed of in the near future. As events evolve, it will become clear which technologies prove to be viable, and which fade out to the background of IT history. Anyway, we will try to make a brief overview of promising concepts and products, which have been attracting the largest amounts of attention lately.</span></p>
<p><span style="color: #000000;"><strong>Hybrid clouds</strong><br />
Hybrid cloud is an implementation of <strong>cloud technology</strong> such that one part of the system is located in public cloud, while the other part is in private cloud.</span></p>
<p><span style="color: #000000;">For instance, this kind of integration is possible when backup system is hosted in public cloud or vice versa – backup is done from public cloud to local servers. There are hybrid solutions that allow monitoring of both computing resources hosted within the company and those hosted on remote side (for example, CloudKick by Rackspace and System Center by Microsoft) at the same time. Another variant of hybrid cloud usage implies installing applications to the company’s internal servers, while renting additional power in the cloud owned by third party provider in case of unexpected load increase.</span></p>
<p><span style="color: #000000;">In the long run, exactly hybrid clouds are likely to become the dominating model of cloud computing implementation for organizations.</span></p>
<p><span style="color: #000000;"><strong>Computing power markets</strong><br />
One of cloud technology fundamental features lies in the fact that resources are available to a number of users at the same time, while being distributed among them as the load varies. The idea is that owners of <a href="http://phpforms.net/tutorial/data-storage/private-cloud.html">private clouds</a>, when being idle, can provide their computing powers for rent at an open market.</span></p>
<p><span style="color: #000000;">An opportunity to make some money is anyway more beneficial than letting servers stand idle. Besides, the open market would get new competitors, which would in its turn make for better pricing and quality of cloud applications.</span></p>
<p><span style="color: #000000;">For the first time such service was put into operation in February 2011 by one of cloud computing pioneers – Enomaly Company. With the help of their service, known as SpotCloud, the owners of surplus server powers (in order to participate an applicant should have at least 500 GB of free disk space) can sign up for free, install Enomally cloud controlling software to local computers and start earning rental profits.</span></p>
<p><span style="color: #000000;"><strong>Open source cloud platforms</strong><br />
Closed source code is one of major risks related to cloud technology: if a certain cloud provider becomes bankrupt or starts dictating unacceptable terms of usage, the customers literally will have nowhere to go.</span></p>
<p><span style="color: #000000;">Cloud platforms with open source allow solving or at least mitigating most problems connected with this issue.</span></p>
<p><span style="color: #000000;"><strong>Firstly,</strong> having source code on hands, any other provider is capable of bring the missing service online, which will also be completely compatible with the initial one. Thus, if one provider fails to continue operation, the customers’ businesses stability won’t be affected since there will be alternative providers ready to host “refugees”.</span></p>
<p><span style="color: #000000;"><strong>Secondly,</strong> the competitiveness of the market increases, which excludes the possibility of power abuse by monopolist.</span></p>
<p><span style="color: #000000;"><strong>Thirdly,</strong> the code being open source as a rule means that data formats are open as well: the customers can transfer their data from one system to another, or download it to a backup system anytime.</span></p>
<p><span style="color: #000000;"><strong>Fourthly,</strong> open source cloud basically allows setting up cloud solutions within the company’s own infrastructure. This option can be reserved for cases when there are concerns about excessive risk that is connected to using remote servers.</span></p>
<p><span style="color: #000000;">The first open source cloud platform to enjoy commercial success was IaaS-system called Eucalyptus, which evolved from a research project held by University of California at Santa Barbara. OpenStack project announced in summer 2010 loses to Eucalyptus in terms of maturity, but it greatly surpasses the older system in popularity. There are other open source IaaS-systems out there such as CloudStack by Cloud.com and OpenNebula. On top of that, VMware Company has introduced Cloud Foundry project in the branch of PaaS-systems.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/cloud-technology.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cloud Computing</title>
		<link>http://phpforms.net/tutorial/data-storage/cloud-computing.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/cloud-computing.html#comments</comments>
		<pubDate>Mon, 12 Mar 2012 09:48:21 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4150</guid>
		<description><![CDATA[
Term cloud computing was introduced by Eric Schmidt, current executive chairman of Google. When he worked as a chief technology officer at Sun Microsystems, Schmidt already had come to a conclusion that network and computer are closely related. Later this concept spread around as official Sun Microsystems motto: “The Network Is The Computer”. That phrase [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://phpforms.net/tutorial/wp-content/uploads/2012/03/Cloud-Computing.jpg"><span style="color: #000000;"><img class="aligncenter size-full wp-image-4151" title="Cloud Computing" src="http://phpforms.net/tutorial/wp-content/uploads/2012/03/Cloud-Computing.jpg" alt="Cloud Computing" width="400" height="300" /></span></a></p>
<p><span style="color: #000000;">Term cloud computing was introduced by Eric Schmidt, current executive chairman of Google. When he worked as a chief technology officer at Sun Microsystems, Schmidt already had come to a conclusion that network and computer are closely related. Later this concept spread around as official Sun Microsystems motto: “The Network Is The Computer”. That phrase is an utterly laconic version of the idea pronounced by Schmidt in 1993: “As soon as the network becomes as responsive as CPU, the computer as such will no longer exist, it will spread over the network.”</span></p>
<p><span style="color: #000000;">As of today, many interpretations of "cloud computing" term can be found. Each major analytic agency suggests their proprietary definitions, which often are ambiguous and complicated. Due to this, we think it will be the right thing to take the definition given by the National Institute of Standards and Technology as a reference instead.</span></p>
<p><strong><span style="color: #000000;">A system is called a cloud system when it has the following features:</span></strong></p>
<ul>
<li><span style="color: #000000;">Dynamic allocation of resources for the purpose of meeting users’ requirements related to computing resources and services</span></li>
<li><span style="color: #000000;">Emulation of a “limitless” pool of virtual resources available on the first request</span></li>
<li><span style="color: #000000;">Elasticity, which is namely an ability to dynamically perform horizontal scaling, both to the side of increasing computing power and to the side of decreasing it</span></li>
<li><span style="color: #000000;">Wide range of ways to deliver computing resources and services to the end user</span></li>
<li><span style="color: #000000;">Measurable quality of services provided. Maintaining consistent quality of service is achieved by automatic reallocation of internal resources.</span></li>
</ul>
<p><span style="color: #000000;">A wide range of IT systems fall under this definition. Thus there is a problem of identifying an infrastructure or a technology as a cloud system.</span></p>
<p><strong><span style="color: #000000;">The suggested solution lies in classification of basic services within the scope of this technology:</span></strong></p>
<ul>
<li><span style="color: #000000;">SaaS — software as a service. It is a commonly used method of providing access to the software, which offers required functionality. At the same time the user has no means of controlling the provider’s internal systems. One exception can be made for software used for controlling access to the service</span></li>
<li><span style="color: #000000;">PaaS — platform as a service. Cloud provider grants access to an application development platform within the cloud environment. The user has no means of controlling the platform or cloud infrastructure, but he can develop, test and execute own applications on the provided platform</span></li>
<li><span style="color: #000000;">IaaS — IT infrastructure as a service. Cloud provider hands over a set of systems to the user. This set includes such systems as virtual server, data storage or network hardware. In this service model the user can install own software as well as control operating system, network connections, and data storage.</span></li>
</ul>
<p><strong><span style="color: #000000;"> If we combine features of a cloud system and methods of service packaging, a question arises regarding the model of cloud ownership. Usually it is divided to the following classes:</span></strong></p>
<ul>
<li><span style="color: #000000;">Public Cloud – this model implies that the infrastructure can be used by everyone. For example, such system us created by one of global providers, whose services are sold online and any user has an opportunity to buy the needed service</span></li>
<li><span style="color: #000000;"><a href="http://phpforms.net/tutorial/data-storage/private-cloud.html">Private Cloud</a> – this model implies that the system is created and operated by a single organization and no one else</span></li>
<li><span style="color: #000000;">Hybrid Cloud – mixed cloud ownership model. Such cloud implies that one cloud system (either private or public) is integrated with another cloud system (private or public).</span></li>
</ul>
<p><span style="color: #000000;">Today tools and platforms for implementing cloud computing are offered by such companies as: Amazon (Virtual Private Cloud), BMC Software (Cloud Lifecycle Management), CA (3Tera AppLogic), Cisco/EMC/VMware (Vblock), Citrix Systems (Citrix Open Cloud), Cloud.com (CloudStack 2.0), Dell (Virtual Integrated System), Enomaly (Elastic Computing Platform), Eucalyptus Systems (Eucalyptus 2.0), HP (BladeSystem Matrix), IBM (CloudBurst), NewScale (NewScale 9), Novell (Cloud Manager), Oracle (Exalogic Elastic Cloud), Platform Computing (Platform ISF), Tibco Software (Tibco Silver), VMware (vCloud, vSphere and vCenter). Examples of complex (integrated) solutions are: vBlock by EMC, Cisco and VMware, FlexPod by Cisco, NetApp and VMware.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/cloud-computing.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Private Cloud</title>
		<link>http://phpforms.net/tutorial/data-storage/private-cloud.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/private-cloud.html#comments</comments>
		<pubDate>Tue, 06 Mar 2012 11:13:02 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4128</guid>
		<description><![CDATA[

By definition private cloud is the infrastructure intended for usage by a single organization incorporating multiple customers (for example, departments of that organization), and possibly also by clients and contractors of that organization. Private cloud can be owned, maintained and operated by organization itself as well as by a third party (or a combination of [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><span style="color: #000000;"><a href="http://phpforms.net/tutorial/wp-content/uploads/2012/03/Private-Cloud.jpg"><img class="aligncenter size-full wp-image-4129" title="Private Cloud" src="http://phpforms.net/tutorial/wp-content/uploads/2012/03/Private-Cloud.jpg" alt="Private Cloud" width="550" height="289" /></a><br />
</span></p>
<p><span style="color: #000000;">By definition <strong>private cloud</strong> is the infrastructure intended for usage by a single organization incorporating multiple customers (for example, departments of that organization), and possibly also by clients and contractors of that organization. Private cloud can be owned, maintained and operated by organization itself as well as by a third party (or a combination of those), while it can physically exist either within owner’s jurisdiction or outside of it.</span></p>
<p><strong><span style="color: #000000;">Preconditions for setting up a private cloud</span></strong></p>
<p><span style="color: #000000;"> Some time ago, a platform could be in service for several years in a row, but under conditions of nowadays a system should by upgraded at least every year, which increases maintenance costs progressively.<br />
Constant evolution of new technologies challenges every organization with certain difficulties. Small and medium business enterprises are not ready for continuous investments to IT infrastructure upgrading. Outsourcing is the only acceptable alternative under such conditions</span></p>
<p><span style="color: #000000;"> Companies having IT departments with 10-20 year history do believe in the value of owning information systems and having full control over them. Companies, whose IT departments began forming a year or two ago, are not so conservative if the right to own turns out an expensive option. And the question is not about license costs. In order for an organization to host an information system, it should have a dedicated data center and the staff with corresponding qualification for its maintenance. Highly efficient and affordable system suitable for all relevant tasks of a business is not so easy to build. As soon as automation process will start within a company, IT department’s demands will be increasing in geometric progression, with all of them being important, absolutely necessary, justified, having a high ROI and also extremely high-priced.</span></p>
<p><span style="color: #000000;">What a company CEO should do in order to moderate the flow of IT demands?</span></p>
<p><span style="color: #000000;">The answer is not to build own data center.</span></p>
<p><span style="color: #000000;"> This approach is quite usual for large businesses. Provided majority of offices are connected to data center not by local network connection but using some other means, why don’t move the data center to a professional operator?  Professional operators provide environments where all technical requirements are met, emergency power supply organized, cold and hot corridors provided, a pair of reserve channels set up, security handled etc. Maintenance can also be delegated to third party organizations. As a result, practically all server hardware will operate outside of organization, while IT services, upgrades, adjustments and maintenance of both software and hardware components are carried out by outsourcing companies. Offices will house only workstations and a minimum staff of IT specialists responsible for tech support. But then again, tech support can well be outsourced, too.</span></p>
<p><span style="color: #000000;">If a concept of remote data center on provider’s territory is already acceptable, then it is time to take the next step – private cloud. Cloud services provide users with several collaboration models, when outsourcing depth is determined by the client himself according to assigned tasks.</span></p>
<p><span style="color: #000000;">- <strong>IaaS</strong> (Infrastructure as a Service) — both physical and virtual cloud infrastructures (networks, hardware, operating systems) are maintained by cloud service provider. At the same time, the customer is given an opportunity to install and run almost any kind of software including operating systems, platform software and applications.</span></p>
<p><span style="color: #000000;"> - <strong>PaaS</strong> (Platform as a Service) — renting IT resources and operating system from provider. Customers get a flexible information encironment, which can be easily scaled according to tasks that need to be carried out.<br />
- <strong>SaaS</strong> (Software as a Service) — is an opportunity to use any application without necessity to own a platform that runs the needed application. All updates, patches, hardware configuration changes are usually included to the subscription for chosen application.</span></p>
<p><span style="color: #000000;"><br />
Along with these types of of aaS, providers offer many other solutions: disk array as a service, business process as a service and so on. Absolutely every IT process can be outsourced. Today you don’t necessarily have to own an IT infrastructure in order to build an efficient IT environment.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/private-cloud.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tape Backup</title>
		<link>http://phpforms.net/tutorial/data-storage/tape-backup.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/tape-backup.html#comments</comments>
		<pubDate>Tue, 06 Mar 2012 11:00:23 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4118</guid>
		<description><![CDATA[
The system of network backup consists of hardware and software components.
Hardware components are serving the purpose of writing and storing backups, providing a recovery source anytime it is needed.
Entire network backup logic is concentrated in software components and is implemented by them. They are responsible for management of devices, backup and data recovery processes, scheduling [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://phpforms.net/tutorial/wp-content/uploads/2012/03/Tape-Backup.jpg"><span style="color: #000000;"><img class="aligncenter size-full wp-image-4123" title="Tape Backup" src="http://phpforms.net/tutorial/wp-content/uploads/2012/03/Tape-Backup.jpg" alt="Tape Backup" width="601" height="347" /></span></a></p>
<p><span style="color: #000000;">The system of network backup consists of hardware and software components.<br />
Hardware components are serving the purpose of writing and storing backups, providing a recovery source anytime it is needed.<br />
Entire network backup logic is concentrated in software components and is implemented by them. They are responsible for management of devices, backup and data recovery processes, scheduling and also additional service functions.</span></p>
<p><strong><span style="color: #000000;">Backup system hardware components</span></strong></p>
<p><span style="color: #000000;">In order to choose hardware correctly, one needs to determine the media, which will optimally meet the requirements faced by the system, as well as the controller for this media.</span></p>
<p><span style="color: #000000;">Hard disk drives, magneto-optical disk drives and tape drives are commonly used as storage media.</span></p>
<p><span style="color: #000000;">A hard or magneto-optical disk would be suitable for one-time backup of a small-sized data array. A barrier for using hard drives is their high cost. If we’re talking about choosing a proper hardware for carrying out full backups, and in automatic mode, we should prefer tape drives: they provide the same recovery speed as magneto-optical drives, while showing a better write speed. The cost of data storage on magnet tape is the lowest comparing to that of other media. Therefore, the most efficient and reasonable storage for large volumes of data are magnet tape drives.</span></p>
<p><span style="color: #000000;">For working with magnet tapes, backup systems make use of so-called autochanger tape drives, or tape libraries.</span></p>
<p><strong><span style="color: #000000;">Tape library consists of two functional devices:</span></strong></p>
<p><span style="color: #000000;">- read/write device, or streamer, which is used for writing information to the tape and reading from it. At any given moment of time a streamer is capable of working with only one tape cassette;<br />
- cassette autochanger device, or robot, consisting of a cassette stack and a mechanism, which inserts the requested cassette into the streamer and ejects it afterwards.</span></p>
<p><span style="color: #000000;">Usually tape library vendors only make robots and integrate them with streamers made by other manufacturers, selling resultant products under their trademark. All streamers currently manufactured implement read/write technologies providing high density of stored information, and as a result large capacity and high reliability of storage.</span></p>
<p><span style="color: #000000;">Streamers based on DLT technology, which is rapidly developing lately, are quite common now. The features of this technology are high write density, fast data transfer and reliability. All manufacturers of tape libraries generally use DLT streamers in their latest models. Other quite widespread standards of magnet data storage are DDS-2 and DDS-3.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/tape-backup.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Backup Server</title>
		<link>http://phpforms.net/tutorial/data-storage/backup-server.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/backup-server.html#comments</comments>
		<pubDate>Tue, 06 Mar 2012 09:40:08 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4103</guid>
		<description><![CDATA[
Although the procedure of backup creation is quite simple, it can as well become a headache if it is not carried out regularly. Many businesses directly depend on manipulations with information, which is stored on their servers. Databases, source code repositories, web projects etc. All of those should be saved to backup media on daily [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://phpforms.net/tutorial/wp-content/uploads/2012/03/backup-server.jpg"><span style="color: #000000;"><img class="aligncenter size-full wp-image-4110" title="Backup Server" src="http://phpforms.net/tutorial/wp-content/uploads/2012/03/backup-server.jpg" alt="Backup Server" width="400" height="306" /></span></a></p>
<p><span style="color: #000000;">Although the procedure of backup creation is quite simple, it can as well become a headache if it is not carried out regularly. Many businesses directly depend on manipulations with information, which is stored on their servers. Databases, source code repositories, web projects etc. All of those should be saved to backup media on daily basis.</span></p>
<p><span style="color: #000000;">In case the information is lost and cannot be recovered, a company may suffer a considerable damage.</span></p>
<p><span style="color: #000000;">Let’s examine two easiest schemes of creating backup copies.</span></p>
<p><span style="color: #000000;"><strong>1. </strong><strong>Data copying from product server to backup server</strong>, where product server is a working server, which runs some services for users, and backup server is a server where product server data gets copied to. The sole purpose of such server is to store data copied from other servers. Typically it doesn’t provide any other services.</span></p>
<p><span style="color: #000000;">The main requirement for backup server is extensive disk space. Disk drives’ transfer rates are usually of no significance, since access occurs not too often: just at times when backup is written to disks and when backup is read upon relevant occasions.</span></p>
<p><span style="color: #000000;">The downside of this solution is the necessity to set up a dedicated server for backups. This obviously leads to additional expenses. However, smaller organizations usually tend to spend as less as possible on purchasing accessory equipment.</span></p>
<p><span style="color: #000000;"><strong>2. </strong><strong>Data cross-copying</strong> is a method of backup creation such that two or more product servers copy their data to each other. This method is applicable if both product servers have sufficient disk space for storage of data from other servers. In such configuration product servers will act as backup servers to each other.</span></p>
<p><span style="color: #000000;"><strong>Data storage systems</strong><br />
Methods of organizing backups listed above are appropriate when it is a relatively small amount of data in question, within the range of a few hundred gigabytes. Otherwise, it is reasonable to consider a variant of DSS (data storage systems) application:</span></p>
<ul>
<li><span style="color: #000000;"><strong>Disk arrays</strong> - actually similar to backup servers, specially designed for data storage. Such arrays consist of multiple spacious HDDs.</span></li>
<li><span style="color: #000000;"><strong>Tape drives</strong> (also known as streamers) - just like with tape libraries, data is written to special cartridges (magnet tapes encapsulated in plastic box).</span></li>
<li><span style="color: #000000;"><strong>Tape libraries</strong> - intended for automated backup creation. Simultaneous operation of several taping devices increases the library’s performance and reduces the time needed to carry out read and write operations on backups.</span></li>
</ul>
<p><span style="color: #000000;">It is also worth mentioning that online <a href="http://phpforms.net/tutorial/data-storage/cloud-backup-services.html">cloud backup services</a> are attracting a steadily increasing demand these days. Such services are based on using remote backup servers operated by third party providers via the Internet. Particularly, more and more companies rely on a virtual private server (<a href="http://phpforms.net/tutorial/data-storage/what-is-vps.html">VPS</a>), which combines functionality of both product server and backup server in one package. Such solution is fail-safe to a greater extent and is more economically reasonable, since it eliminates expenses connected with purchasing and upgrading the hardware, while providing an extra advantage, namely an opportunity to access the data from any point in the world.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/backup-server.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cloud Backup Services</title>
		<link>http://phpforms.net/tutorial/data-storage/cloud-backup-services.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/cloud-backup-services.html#comments</comments>
		<pubDate>Mon, 27 Feb 2012 14:07:41 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4094</guid>
		<description><![CDATA[The “cloud” offers almost unlimited space for data storage, which may be used either for backup, providing for fail-safe business operation, emergency recovery or any other matter. It also introduces many opportunities to VARs offering storage as a service. An option to extend or shrink storage capacity at will is a very valuable offer for [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #000000;">The “cloud” offers almost unlimited space for data storage, which may be used either for backup, providing for fail-safe business operation, emergency recovery or any other matter. It also introduces many opportunities to VARs offering storage as a service. An option to extend or shrink storage capacity at will is a very valuable offer for customers, and VARs must be sure that they trust the data to the best <a href="http://phpforms.net/tutorial/data-storage/cloud-backup.html">cloud backup</a> vendor.</span></p>
<p><span style="color: #000000;"><br />
</span></p>
<p><span style="color: #000000;"><a href="http://phpforms.net/tutorial/wp-content/uploads/2012/02/Cloud-Backup-Services.jpg"><span style="color: #000000;"><img class="alignnone size-full wp-image-4095" title="Cloud Backup Services" src="http://phpforms.net/tutorial/wp-content/uploads/2012/02/Cloud-Backup-Services.jpg" alt="Cloud Backup Services" width="400" height="300" /></span></a></span></p>
<p><span style="color: #000000;"><br />
</span></p>
<p><strong><span style="color: #000000;">Vendors of cloud backup services.</span></strong></p>
<p><span style="color: #000000;">1. <strong>3X Systems</strong>. 3X Backup is the main product of the company. It is an online backup service offered in a form of inexpensive portable configured device, which provides user with an additional local resource for backup and reliable data storage.</span></p>
<p><span style="color: #000000;">2. <strong>Amazon Web Services</strong>. AWS platform was the pioneer of cloud infrastructure and continues to hold dominative position at the market. Simple Storage Services (S3) are based on AWS and allow storing huge data arrays for a low price.</span></p>
<p><span style="color: #000000;">3. <strong>Asigra</strong>. A public cloud or a private one? Asigra offers both: Public Cloud Backup Service and Private Cloud Backup Solution, which provide for two variants of backup implementation without requiring agent application to run on your servers.</span></p>
<p><span style="color: #000000;">4. <strong>Axcient</strong>. The company offers data protection and provision of fail-safe business operation for IT managed service providers (MSP) in a form of hybrid backup device, which is installed at the customer’s site and is integrated with cloud emergency recovery service. Moreover, it can be extended if necessary without bothering spending money on infrastructure, licensing and software.</span></p>
<p><span style="color: #000000;">5. <strong>Carbonite</strong>. The company offers unlimited backup to the cloud for a fixed rate. Over 80 billion of files have been already backed up with the use of this service, and over 7.2 billion files have been recovered.</span></p>
<p><span style="color: #000000;">6. <strong>Cleversafe</strong>. Publicly accessible, private and hybrid clouds receive proper attention, either for data backup, archiving, content distribution or many other applications.</span></p>
<p><span style="color: #000000;">7. <strong>Doyenz</strong>. Offers a package of cloud backup services for IT-service providers, supporting reliable backup and transparent virtual failover. Company’s solution called Shadowcloud stores an active image of working server in the cloud, which can be called at any moment, making for fail-safe business operation.</span></p>
<p><span style="color: #000000;">8. <strong>eFolder</strong>. Offers high-reliability data protection services for both remote and local e-mail backup via extensive army of VARs and MSP. eFolder technology uses a method of reverse delta.</span></p>
<p><span style="color: #000000;">9. <strong>Intronis</strong>. Operates in cloud since 2003. Offers services of data backup and emergency recovery for MSP. The company uses AES 256-bit encryption and numerous Data Centers across both coasts of USA, providing for data protection and high level of readiness.</span></p>
<p><span style="color: #000000;">10. <strong>Mezeo</strong>. Offers a cloud storage platform, which is easily adopted, serves large number of customers, provides for high scalability and security. Its API interfaces — Cloud Storage API and Interoperability API — help service providers to monetize storage by using own products.</span></p>
<p><span style="color: #000000;">11. <strong>Nirvanix</strong>. Security, reliability and backup are the main points of the company’s offer. Its CloudComplete kit incorporates various options for cloud storage implementation, including CloudNAS Gateway, publicly accessible cloud called Storage Delivery Network as well as hybrid and private cloud solutions hNode.</span></p>
<p><span style="color: #000000;">12. <strong>Scality</strong>. Scality RING software allows transforming a typical x86-server along with an Ethernet network into a cloud storage system, while cutting the expenses.</span></p>
<p><span style="color: #000000;">13. <strong>Vembu</strong>. Enters the cloud storage market with a complete series of products and services related to online hybrid and cloud data storage: these are online backup service Vembu Pro, cloud data storage service Vembu Home, online backup software StorGrid SP Edition and hybrid backup software StorGrid Pro Edition.</span></p>
<p><span style="color: #000000;">14. <strong>Zetta</strong>. Offers corporative class NAS-system functionality in a form of cloud service on demand. Company states that its cloud solutions eliminate expenses spent for data protection and backup, provide for instant scalability of storage capacity, as well as keep an opportunity of extension in the future.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/cloud-backup-services.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cloud Backup</title>
		<link>http://phpforms.net/tutorial/data-storage/cloud-backup.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/cloud-backup.html#comments</comments>
		<pubDate>Mon, 27 Feb 2012 13:44:00 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4085</guid>
		<description><![CDATA[

One of cloud technology elements that enjoy a wide implementation in the real life is remote backup, also known as cloud backup or online backup. As of today, tens of cloud backup services offer cloud storage for backups under various conditions and fees. Cloud backup market is extending with rapidity of geometric progression.



Cloud offers a [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #000000;"><br />
</span></p>
<p><span style="color: #000000;">One of cloud technology elements that enjoy a wide implementation in the real life is remote backup, also known as <strong>cloud backup</strong> or <em>online backup</em>. As of today, tens of <a href="http://phpforms.net/tutorial/data-storage/cloud-backup-services.html">cloud backup services</a> offer cloud storage for backups under various conditions and fees. Cloud backup market is extending with rapidity of geometric progression.</span></p>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2012/02/Cloud-Backup.jpg"><span style="color: #000000;"><img class="alignnone size-full wp-image-4086" title="Cloud Backup" src="http://phpforms.net/tutorial/wp-content/uploads/2012/02/Cloud-Backup.jpg" alt="Cloud Backup" width="442" height="403" /></span></a></p>
<p><span style="color: #000000;"><br />
</span></p>
<p><span style="color: #000000;">Cloud offers a set of advantages compared to usual (local) backup creation.</span></p>
<p><span style="color: #000000;"><strong>Advantages of cloud backup</strong><br />
<strong><em> Firstly</em></strong>, stored backup can be accessed from any location in the world. To a certain extent cloud backup is another way of data transfer both between computers of the same user, and between different workstations.</span></p>
<p><span style="color: #000000;"><br />
<strong><em> Secondly</em></strong>, user no longer has to care about integrity of a compact disk containing important backups or viability of a volume on hard disk drive dedicated to backups. Since data is uploaded to the cloud, its physical preservation becomes responsibility of the data center’s owner, whose service is used by cloud storage provider. The portion of liability is usually denoted in user agreement.</span></p>
<p><span style="color: #000000;"><br />
<strong><em> Thirdly</em></strong>, cloud backup is traditionally offered as not just a free space on remote disk, but as a tool of backup automation. Customer receives client software for one of popular platforms, as well as access to administrative interface to his personal section at the server, which allows adjusting settings of backup to meet even the most exotic needs.</span></p>
<p><span style="color: #000000;"><br />
However, regardless of obvious advantages, many potential customers are rejecting the service due to trivial distrust to cloud technologies, particularly connected to the danger of third parties getting access to the information. As a result, a portion of customers refuse to upload their data to the cloud, and another portion can accept it only for backup of non-critical data (and immediately a question arises, where to put critical data then?).</span></p>
<p><span style="color: #000000;"><br />
Up to recently, low bandwidth channels were also listed as a disadvantage of cloud backup. But the largest amount of information is uploaded to the server only the first time it is accessed, and only changes are uploaded afterwards. Results of a day-long work of most users can be easily transferred to the service even if the channel is not really fast. This disadvantage gradually vanishes as the Internet is developing though.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/cloud-backup.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Differential Backup</title>
		<link>http://phpforms.net/tutorial/data-storage/differential-backup.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/differential-backup.html#comments</comments>
		<pubDate>Mon, 27 Feb 2012 13:18:14 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4074</guid>
		<description><![CDATA[

We can tirelessly speak about the necessity of information backup. But, unfortunately, the strongest motivation for taking backup seriously arises mostly after incidents of serious loss of critical data.
Backup creation methods
The easiest and clearest method of backup copying is so called Full Backup.



The essence of this method is taking all our data and making its [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #000000;"><br />
</span></p>
<p><span style="color: #000000;">We can tirelessly speak about the necessity of information backup. But, unfortunately, the strongest motivation for taking backup seriously arises mostly after incidents of serious loss of critical data.</span></p>
<p><strong><span style="color: #000000;">Backup creation methods</span></strong></p>
<p><span style="color: #000000;">The easiest and clearest method of backup copying is so called <strong><em>Full Backup</em></strong>.</span></p>
<p><span style="color: #000000;"><br />
<a href="http://phpforms.net/tutorial/wp-content/uploads/2012/02/Differential-Backup.jpg"><img class="alignnone size-full wp-image-4076" title="Differential Backup" src="http://phpforms.net/tutorial/wp-content/uploads/2012/02/Differential-Backup.jpg" alt="Differential Backup" width="350" height="267" /></a><br />
</span></p>
<p><span style="color: #000000;">The essence of this method is taking all our data and making its physical copy. As soon as Full Backup is completed we will have two copies of our entire data: one is the original, and the other is the backup.  Both copies will be identical. The downside is that full copy will occupy the same amount of disk space as the original; besides backup creation process can take a considerable period of time.</span></p>
<p><span style="color: #000000;">Due to this reason, two other methods of backup are used more often: <strong><em>Differential backup</em></strong> and <strong><em>Incremental backup</em></strong>. These two types introduce a combination of periodic, but not frequent, backup creation, and creation of differential or incremental copies in between of full copies once an hour, for example. Differential and incremental backups are created quickly and consume significantly less disk space compared to full copies, since they do not include all files, but only those created or changed after the latest full backup.</span></p>
<p><span style="color: #000000;"><strong>Differential backup</strong><br />
Let us examine the method of backup called Differential backup in detail.</span></p>
<p><span style="color: #000000;">When it is used, only those changes are backed up which occurred after the latest Full Backup. Since differential backups can be created either on image level or file level, this set of changes will be presented in a form of altered disk blocks (for image-level backup) or changed files collection (for file-level backup).</span></p>
<p><span style="color: #000000;"> Major benefit of differential backup lies in significant decrease of time needed to create the backup compared to Full Backup. On the other hand, recovery after a failure takes more time. Recovery process will require two data restoration operations to be performed. During the first operation, the data from Full backup will be recovered, while the second will recover data from differential backup.</span></p>
<p><span style="color: #000000;">When used for inexpensive data storage subsystems, file-level Differential backup is selected in cases when applications create numerous small files and alter only small subset of those files after Full backup is created. However, this backup method is not used in case the hard disk drive is used by Database management applications, which constantly make changes in huge database files. Thus, in case of file-level backup, a backup copy of the huge will be created over and over. Microsoft Exchange is an example of a program which tends to constantly alter the contents of huge database files.</span></p>
<p><span style="color: #000000;"><strong>Examples of Differential backup implementation</strong><br />
Let’s consider a few real life examples to demonstrate how Differential backup technology is implemented in practice:</span></p>
<p><span style="color: #000000;"><em>Files and directories</em>. Suppose we need to back up a directory, which contains 50 files having the size of 1 MB on average. Accumulated changes in files comprise 2 MB per day. Creation of backups of all changed files will require 50 MB of disk space per day. Using differential backup will allow decreasing this amount to 2 MB, then 4 MB, then 6 MB, that is no more than 2 megabytes per day, exactly the amount taken by changes themselves.</span></p>
<p><span style="color: #000000;"><em>Disk images</em>. Differential backup is very efficient to create a disk image and allows saving disk space. However, to compute the difference Full backup still needs to be created, and thus it requires corresponding volume of free disk space, which is not an option for many users.</span></p>
<p><span style="color: #000000;"><em>Databases</em>. Backup of databases is the sphere, where Differential backup is extremely important. A typical backup plan used by modern companies requires a weekly backup of Exchange Server. Instead of copying tens of gigabytes of data, Differential backup allows decreasing backup sizes to hundreds of megabytes and only make backups of new correspondence, which appeared after the latest Full Backup took place.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/differential-backup.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Storage Area Network</title>
		<link>http://phpforms.net/tutorial/data-storage/storage-area-network.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/storage-area-network.html#comments</comments>
		<pubDate>Mon, 27 Feb 2012 12:59:16 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4064</guid>
		<description><![CDATA[

Storage Area Network (SAN) is a special dedicated network, which connects storage media with application servers. It is usually set up using Fibre Channel protocol or iSCSI, which has been picking up a lot lately.
Reasoning behind creation of Storage Area Network (SAN) was in part similar to that formerly seen behind usual LAN network with [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #000000;"><br />
</span></p>
<p><span style="color: #000000;"><strong>Storage Area Network</strong> (SAN) is a special dedicated network, which connects storage media with application servers. It is usually set up using <a href="http://phpforms.net/tutorial/data-storage/fibre-channel-vs-iscsi.html">Fibre Channel protocol or iSCSI</a>, which has been picking up a lot lately.</span></p>
<p><span style="color: #000000;">Reasoning behind creation of Storage Area Network (SAN) was in part similar to that formerly seen behind usual LAN network with shared devices in it. If we buy a laser printer for every client computer, all printers will probably be idle 99% of the time. Instead, we can be better off installing one shared printer on the network. Even though a shared printer can be more expensive than a personal one, in total it is still cheaper because you only need one, besides such printer has better functionality and reliability.</span></p>
<p><span style="color: #000000;">Along with SAN there are also two mainstream methods of data storage systems organization:</span></p>
<p><span style="color: #000000;">1. Direct Attached Storage – a solution, which designates that a storage media is directly connected to the server or workstation. As a rule, Fibre Chanel, SCSI, eSATA or SAS interface is used.</span></p>
<p><span style="color: #000000;">2. Network Attached Storage – a standalone disk system, acting as a dedicated server running a specialized OS, which exclusively serves functions related to file system maintenance and input-output implementation. NAS incorporates a speed-optimized file system. NAS devices are designed in a way such that all their computation power is focused on operations of file storage and file system maintenance.</span></p>
<p><span style="color: #000000;">In opposite to NAS, SAN has no idea about files: file operations are executed on servers connected to SAN. Storage Area Network performs operations on blocks as if it were a sort of large hard disk drive. An ideal result of SAN implementation is the availability of any part of storage capacity within SAN to any server running any operation system. End elements of SAN are application servers and storage systems (disk arrays, tape libraries etc.) Similar to regular network, adapters, switches, bridges and hubs connect all elements together. iSCSI is a more “friendly” protocol, since it is based on standard Ethernet infrastructure: network adapters, switches, cables. Moreover, exactly iSCSI-based storage systems are most popular for <a href="http://phpforms.net/tutorial/data-storage/server-virtualization.html">virtualized servers</a> owing to simplicity of protocol setup.</span></p>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2012/02/Storage Area Network.jpg"><span style="color: #000000;"><img class="alignnone size-full wp-image-4065" title="Storage Area Network" src="http://phpforms.net/tutorial/wp-content/uploads/2012/02/Storage Area Network.jpg" alt="Storage Area Network" width="500" height="460" /></span></a></p>
<p><strong><span style="color: #000000;">Storage Area Network advantages:</span></strong></p>
<ul>
<li><span style="color: #000000;">High reliability of access to the data located on external storage systems.</span></li>
<li><span style="color: #000000;">Independence of SAN topology from data storage systems and servers.</span></li>
<li><span style="color: #000000;">Centralized data storage (reliability, security).</span></li>
<li><span style="color: #000000;">Convenient centralized control of commutation and data.</span></li>
<li><span style="color: #000000;">Decrease in LAN load due to moving intensive input-output traffic to a separate network.</span></li>
<li><span style="color: #000000;">High performance and low latency.</span></li>
<li><span style="color: #000000;">Scalability and flexibility of Storage Area Network logical structure</span></li>
<li><span style="color: #000000;">Opportunity of organizing remote backup data storage systems and remote system of backup and restore.</span></li>
<li><span style="color: #000000;">Opportunity of constructing fail-safe cluster solutions based on existing SAN without additional expenses.</span></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/storage-area-network.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Network Virtualization</title>
		<link>http://phpforms.net/tutorial/data-storage/network-virtualization.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/network-virtualization.html#comments</comments>
		<pubDate>Thu, 23 Feb 2012 10:51:30 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4055</guid>
		<description><![CDATA[Network virtualization is a part of IT virtualization.
Virtual networks
As a concept, virtual network should be considered as a switch, but in opposite to a physical device it is a virtual switch.
 All virtual machines within one network are connected to one switch. Each virtual switch is logically isolated from the rest of virtual switches. If [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #000000;">Network virtualization is a part of <a href="http://phpforms.net/tutorial/data-storage/it-virtualization.html">IT virtualization</a>.</span></p>
<p><span style="color: #000000;"><strong>Virtual networks</strong><br />
As a concept, virtual network should be considered as a switch, but in opposite to a physical device it is a virtual switch.</span></p>
<p><span style="color: #000000;"> All virtual machines within one network are connected to one switch. Each virtual switch is logically isolated from the rest of virtual switches. If there is a need for nodes connected to one virtual switch to connect to nodes connected to another virtual switch, a virtual router, VPN server, virtual firewall or similar device should be set up, just like for physical network.</span></p>
<p><span style="color: #000000;"> It is very handy to create different virtual switches if there is a need for network isolation similar to isolation that exists in a physical network, where different segments are separated with a firewall or another access control device.</span></p>
<p><span style="color: #000000;"><strong>Virtual network types</strong><br />
There are three types of virtual networks, which can be connected with Hyper-V:<br />
</span></p>
<ol>
<li><span style="color: #000000;">Private Virtual Network</span></li>
<li><span style="color: #000000;">Internal Virtual Network</span></li>
<li><span style="color: #000000;">External Virtual Network</span></li>
</ol>
<p><span style="color: #000000;"> </span></p>
<p><strong><span style="color: #000000;">Private Virtual Network</span></strong></p>
<p><span style="color: #000000;"> Private Virtual Network is a part of network virtualization. It is a virtual switch, which connects virtual machines only. Guest OS’s connected to one segment of virtual network can interact with each other, but cannot interact with Host operating system, and similarly host operating system cannot interact with virtual machines on the private virtual network.</span></p>
<p><span style="color: #000000;"> Private virtual networks are extremely handy if you are aimed at complete isolation from the rest of virtual networks, but sometimes this approach can introduce problems if you need to copy files to virtual machines since virtual machines cannot connect to underlying (host) OS. In this case another virtual machine should be set up, which will take the role of a router or a firewall. Then, one virtual network adapter should be connected to the private virtual network, while the other should be connected to the physical network (via an external virtual network).</span></p>
<p><strong><span style="color: #000000;">Internal Network virtualization </span></strong></p>
<p><span style="color: #000000;"> Internal Virtual Network is similar to private virtual network in a part that it is not bound to any physical NIC. Internal virtual network is also an isolated virtual switch like in private virtual network, but in case of internal virtual network Host OS has access to guest virtual machines via virtual switch of internal virtual network.<br />
However, these virtual switches lack DHCP function (which VMware Workstation offers in some cases). Therefore, if there is a need of interacting with virtual machines connected to internal virtual network’s switch, you will have to allocate IP address for a virtual NIC of Host OS connected to internal virtual network such that address is also valid for the virtual network to be interacted with.</span></p>
<p><strong><span style="color: #000000;">External Network virtualization</span></strong></p>
<p><span style="color: #000000;"> External Virtual Network differs from other types of virtual networks, since this type is bound to physical network adapters. You can have one external virtual network per each physical NIC installed to your Hyper-V server. External virtual network’s switch will be treated in a way as if it was a physical network adapter of the server. That’s why if you look through configuration of the previous NIC, you will probably think that it has no IP addresses configured. Instead, virtual NIC is added in Network Connections window and this virtual network adapter is connected to external virtual network’s switch. Besides, IP addresses allocated to this virtual NIC provide for its interaction with physical network.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/network-virtualization.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What is VPS?</title>
		<link>http://phpforms.net/tutorial/data-storage/what-is-vps.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/what-is-vps.html#comments</comments>
		<pubDate>Thu, 23 Feb 2012 09:35:41 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4050</guid>
		<description><![CDATA[

As a result of efforts of various software companies and developers offering this service, several names were established for the same technology:


VPS - Virtual Private Server
VDS - Virtual Dedicated Server
DDS - Dynamic Dedicated Server

 


What is VPS after all?
 Long story short, VPS stands for splitting one physical server to multiple separate independent virtual servers.
Both [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #000000;"><br />
</span></p>
<p><span style="color: #000000;">As a result of efforts of various software companies and developers offering this service, several names were established for the same technology:<br />
</span></p>
<ol>
<li><span style="color: #000000;">VPS - Virtual Private Server</span></li>
<li><span style="color: #000000;">VDS - Virtual Dedicated Server</span></li>
<li><span style="color: #000000;">DDS - Dynamic Dedicated Server</span></li>
</ol>
<p><span style="color: #000000;"> </span></p>
<p><span style="color: #000000;"><br />
</span></p>
<p><strong><span style="color: #000000;">What is VPS after all?</span></strong></p>
<p><span style="color: #000000;"> Long story short, VPS stands for splitting one physical server to multiple separate independent virtual servers.<br />
Both Unix and Windows systems can be split. As a result of separation, a few standalone dedicated servers are formed, while still being physically located on one server.<br />
Each VPS has its own operating system distribution kit, in which it is granted practically unlimited rights of super-user. This means having root (UID: 0) level rights under Unix or Administrator account under Windows, which allows compiling or installing specific software with specific configuration.</span></p>
<p><span style="color: #000000;"><strong>VPS advantages</strong><br />
Each VPS can have one or more IP addresses, through which inbound and unbound traffic goes. Even if one VPS happens to be under DDoS attack, other ones won’t be affected (it’s worth to mention that other VPS can still be affected, but due to secondary reasons, for example in case the server’s shared channel is not broad enough and attacking packages fill it up completely).<br />
VPS guarantees that minimum resource consumption will be observed. Client will never face accusations considering excessive usage of CPU or memory resources, which often happens on regular virtual hosting providers.</span></p>
<p><span style="color: #000000;"><br />
Quick reboot of virtual server, opportunity to back up VPS by taking a snapshot of the entire system.</span></p>
<p><span style="color: #000000;"><br />
Increased stability of operation for lower expense.</span></p>
<p><span style="color: #000000;"> Virtual private server is suitable for projects having a high visitor count, but not requiring large portions of memory and CPU resources constantly. VPS enjoys the greatest popularity among companies’ official websites and online shops.<br />
There are several mainstream VPS-hosting technologies: <em>Xen, VMware, Virtuozzo</em>.</span></p>
<p><span style="color: #000000;"><br />
Xen and VMware technologies allow creating a virtual environment, which completely imitates physical server operation. This excludes a possibility of one server interfering with another, regardless of consumed resources portions. Besides, Xen and VMware technologies provide support for almost any operating system.</span></p>
<p><span style="color: #000000;"><br />
Virtuozzo technology allows distributing physical server resources within one or another operating system. The main difference of this technology from latter two is that it can provide clients with a greater amount of resources than actual server has. This allowance relies on the fact that the entire server resources are not likely to be demanded simultaneously. Therefore, this service is practically identical to a regular virtual hosting. Virtuozzo technology does not provide isolation of virtual servers one from another, which means that resource-heavy virtual machines may interrupt operation of other clients’ servers.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/what-is-vps.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Desktop virtualization</title>
		<link>http://phpforms.net/tutorial/data-storage/desktop-virtualization.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/desktop-virtualization.html#comments</comments>
		<pubDate>Thu, 23 Feb 2012 09:26:27 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4044</guid>
		<description><![CDATA[

Usually desktop virtualization is understood as a technology that provides user with full access to their working environment running in the server’s virtual machine. Virtual desktop is in fact an image of a computer, which contains operating system, applications and settings. Client machine used for access to virtual desktop image only needs to provide remote [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #000000;"><br />
</span></p>
<p><span style="color: #000000;">Usually desktop virtualization is understood as a technology that provides user with full access to their working environment running in the server’s virtual machine. Virtual desktop is in fact an image of a computer, which contains operating system, applications and settings. Client machine used for access to virtual desktop image only needs to provide remote connection to the server, which means that user is no longer tied to a certain PC. With desktop virtualization user can work with their files and applications located on the server side from any terminal, including territorially remote ones.</span></p>
<p><span style="color: #000000;"> Such way of connection provides for an opportunity to access user’s working environment from any geographical point of the world, while the environment keeps the state, in which user left it after the latest working session. Working session <a href="http://phpforms.net/tutorial/data-storage/virtualizaion.html">virtualization</a> (user commands, desktop display) is carried out by software of a thin client.</span></p>
<p><span style="color: #000000;"><em><strong>Thin clients</strong></em><br />
Thin clients connect to server, where all needed programs and applications reside. The same server provides access to data storage and carries out all computations.</span></p>
<p><span style="color: #000000;"> Owing to thin clients implementation, load distribution falls completely on terminal server, and every user is working on a separate input-output device (terminal station), which doesn’t perform any computations itself and is merely used for determining the tasks and receiving server’s response.</span></p>
<p><span style="color: #000000;"> Terminal stations can work well without major pieces of hardware or software, which are considered crucial for typical computers.</span></p>
<p><span style="color: #000000;"> This technology introduces several obvious advantages. </span></p>
<p><span style="color: #000000;"><strong>Firstly</strong>, it makes user free from being tied to a certain PC, providing usual informational and computational environment anywhere and anytime.</span></p>
<p><span style="color: #000000;"><strong>Secondly</strong>, it allows considerably lowering the expenses related to the maintenance and support of numerous workplaces, since user stations become virtualized. Only one central server needs to be maintained including such works as periodical installation of new versions of system, client and applied software, as well as regular scheduled maintenance.</span></p>
<p><span style="color: #000000;"><strong>Thirdly</strong>, one more substantial advantage of desktop virtualization is the ease of virtual machine cloning. For example, a company establishes a new office, where 20 new workplaces should be organized for workers. Without using virtual machines, technical staff should have assembled and test computers, and then installed operating system and applications for twenty times.</span></p>
<p><span style="color: #000000;"> Now, with desktop virtualization, it is only necessary to create one workstation and make 19 clones of it, after which only minimum tweaking of some virtual desktops is needed in order to meet requirements of certain users.</span></p>
<p><span style="color: #000000;"> The same applies to data backup. If saving a backup of a regular physical computer is either only partially possible or requires bringing the system offline, then creating full backups (snapshots) of virtual desktops is possible at any time without interrupting the work. Restoring virtual desktop from backup is carried out multiple times faster than restoring backup of a real computer.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/desktop-virtualization.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Storage Virtualization</title>
		<link>http://phpforms.net/tutorial/data-storage/storage-virtualization.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/storage-virtualization.html#comments</comments>
		<pubDate>Wed, 22 Feb 2012 13:37:00 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4034</guid>
		<description><![CDATA[

There are several forms of organizing storage.
DAS (Direct Attached Storage, also known as SAS, Server Attached Storage) – a classic way of organizing storage, such that a drive (disk array under a RAID-controller) is either located inside the server box or is assembled as a standalone device connected to one or more servers.
NAS (Network Attached [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #000000;"><br />
</span></p>
<p><span style="color: #000000;">There are several forms of organizing storage.</span></p>
<p><span style="color: #000000;"><strong>DAS (Direct Attached Storage, also known as SAS, Server Attached Storage)</strong> – a classic way of organizing storage, such that a drive (disk array under a RAID-controller) is either located inside the server box or is assembled as a standalone device connected to one or more servers.</span></p>
<p><span style="color: #000000;"><strong>NAS (Network Attached Storage)</strong> – these are in fact autonomous file servers having a RAID-array on board (sometimes additional storage media can be connected to extend NAS volume). Usually integrated Web-server or SSH-console is used to control NAS.</span></p>
<p><span style="color: #000000;"><strong>SAN (<a href="http://phpforms.net/tutorial/data-storage/storage-area-network.html">Storage Area Network</a>)</strong> – the most versatile solution for storage virtualization at an enterprise of any scale. SAN is a standalone network separated from the main enterprise network, which is commonly based on a <a href="http://phpforms.net/tutorial/data-storage/fibre-channel-vs-iscsi.html">Fibre Channel or iSCSI</a>. Fibre Channel (FC) connects storage media and servers to each other. Lately Internet SCSI (iSCSI) is often used as internal SAN interface for the reason it is less expensive and allows virtually unlimited distances between network nodes. Data transfer between SAN and servers connected to it goes on block level, similar to DAS.</span></p>
<p><em><strong><span style="color: #000000;">Data center virtualization technologies</span></strong></em></p>
<p><span style="color: #000000;"> There are two main approaches to <a href="http://phpforms.net/tutorial/data-storage/virtualizaion.html">virtualization</a> technologies on SAN level: in-band storage  virtualization and out-of-band storage virtualization. In the case of in-band virtualization, a special device is set up between servers and storage modules, which incorporates rules of converting physical storage resources to logical ones. As for out-of-band virtualization device, it is connected directly to server or switch/router and manages the information about data transfer between application and server on the way to storage media connected to SAN.</span></p>
<p><span style="color: #000000;"><strong>Server level virtualization</strong><br />
Historically, server-side storage virtualization was the first solution. Logical volume managers first made their appearance on mainframes, later on Unix-servers, and in later years they were introduced on Windows platform. They provide for virtualization by means of displaying physical devices as logical ones having so called logical numbers (LUN) and divided into logical disk groups or logical volumes. This allows applications to mount logical volumes without establishing a dependency on a certain physical device.</span></p>
<p><span style="color: #000000;"><strong>Storage subsystem level virtualization</strong><br />
Storage Virtualization Managers, which create Virtual Volumes, are used in mainframes since 1990s and to date. Another approach is called “SAN-in-a-box”; it is based on an integrated solution such that one stand is shared by drives, control systems and switches. This solution satisfies the goals of virtualization, however only within the “box”.</span></p>
<p><span style="color: #000000;"><strong>Storage network level virtualization</strong><br />
Any storage network consists of two component groups: functional (servers, drives) and infrastructural (adapters, hubs, switches). In order to implement storage network level virtualization, the third component group should be added, which may be called a controlling group. Devices that make the controlling group are called SAN-add-ons or SAN-servers. These are computing devices connected to SAN or installed on data transfer routes, which are responsible for topology and implement abstraction of the data from its physical location.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/storage-virtualization.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Application Virtualization Client</title>
		<link>http://phpforms.net/tutorial/data-storage/application-virtualization-client.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/application-virtualization-client.html#comments</comments>
		<pubDate>Wed, 22 Feb 2012 13:21:20 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4026</guid>
		<description><![CDATA[

Dozens, if not hundreds of various applications may be needed by an arbitrary user in the process of working on a modern computer. Besides the effort of installing them on each user’s computer, further maintenance is required such as updating it on time, running different versions concurrently, providing for compatibility with other installed applications, and [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #000000;"><br />
</span></p>
<p><span style="color: #000000;">Dozens, if not hundreds of various applications may be needed by an arbitrary user in the process of working on a modern computer. Besides the effort of installing them on each user’s computer, further maintenance is required such as updating it on time, running different versions concurrently, providing for compatibility with other installed applications, and finally removing those programs once they are no longer needed (sometimes complete removal cannot be fulfilled and a portion of folders/files as well as registry keys created by the application remain intact). All these problems can be solved with application <a href="http://phpforms.net/tutorial/data-storage/virtualizaion.html">virtualization</a>.<br />
Let’s study an example with <strong>Microsoft Application Virtualization (App-V)</strong></span></p>
<p><span style="color: #000000;">The idea behind this technology is as follows: instead of installing the application to the target computer, it is installed to a specially prepared “clean” machine (a virtual machine with client OS, for example). During the stage of application’s initial setup a special utility (that goes by the name Sequencer in App-V) tracks down every dependency of this application: files, folders, registry keys and branches, system libraries; and creates a package containing all of those. Packed application is then transferred to the target computer, where it runs inside an isolated container (also often called sandbox). User doesn’t have to install the application and adjust its settings ­– it just can be started without delay. At the same time user still has an opportunity to change various options of virtual applications, and set associations for file extensions.<br />
There is an option in the centralized infrastructure of App-V to set rights for applications, allowing them to be run only by certain users or groups. Having started an application once, a user can log off the corporate network and leave for a business trip, and that application will run from user laptop’s local cache without the need of connecting to App-V server (or it won’t run if security standards of the enterprise do not allow that).<br />
App-V virtual application packages can be distributed using the tools of application deployment to workstations (SCCM 2007, for example). App-V perfectly handles solutions for terminal access and presentation virtualization (based on MS RDS or Citrix XenApp) as well as VDI (VMware View, MS RDS, Citrix XenDesktop). In the latter case a considerable amount of disk space can be saved on virtual workstations, if all clients will have access to a read only cache for virtual applications located in a shared folder on the network. Taking into account that installed applications may take up to 20 GB of disk space, savings prove to be rather significant.<br />
Finally, license purity can also be controlled with the help of App-V by setting the limit number of concurrently running instances of an application.</span></p>
<p><span style="color: #000000;"><strong><em>App-V Components:</em></strong><br />
<strong> Application Virtualization Client</strong> – a component installed to a client workstation or terminal server that allows retrieving, updating and running virtualized applications.<br />
<strong> Microsoft Application Virtualization Sequencer</strong> – a component installed to a reference computer, where initial installation, setup and packaging of applications are carried out.<br />
<strong> Application Virtualization Management Server</strong> – a centralized server, which allows publishing virtualized applications, setting access rights, managing licenses and much more.<br />
<strong> Application Virtualization Management Console</strong> – a snap-in, which allows connecting to and managing one or more App-V Management Servers.<br />
<strong> IIS Server</strong> – allows connecting to management servers of App-V Management Server with the App-V Management Console.<br />
<strong> SQL server</strong> – used for storing management servers’ databases.<br />
<strong> Streaming server</strong> – allows deploying application packages to client computers.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/application-virtualization-client.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Data Center Virtualization &#8211; 4 rules</title>
		<link>http://phpforms.net/tutorial/data-storage/data-center-virtualization.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/data-center-virtualization.html#comments</comments>
		<pubDate>Tue, 21 Feb 2012 14:28:12 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4022</guid>
		<description><![CDATA[Information for the enterprise these days is at least as important as finances or main assets. For this reason information storage should be organized in a manner that ensures its constant availability for coworkers and end users, while guarding confidential information from unauthorized access.
However, data storage system transformation and data center virtualization is not a [...]]]></description>
			<content:encoded><![CDATA[<p>Information for the enterprise these days is at least as important as finances or main assets. For this reason information storage should be organized in a manner that ensures its constant availability for coworkers and end users, while guarding confidential information from unauthorized access.</p>
<p>However, data storage system transformation and data center virtualization is not a simple task even within one data center, especially if we take to consideration the fact that IT-administrators try their best to perform all works without interrupting the enterprise activity. Nevertheless, problems can be easily solved if you stick to 4 simple rules described below.</p>
<p><strong>Simplification of virtual data storage system</strong><br />
First rule. Prior to beginning data center transformation it is useful to evaluate the possibility of data center virtualization. If <a href="http://phpforms.net/tutorial/data-storage/virtualizaion.html">virtualization</a> requires creation of additional control layer for association of physical and virtual resources, single points of failure, or binding to a certain provider, or structured zones, then it will only make already complex data storage network even more complicated. The simplest and most efficient solutions are those utilizing existing system controllers for standard connection to external storage media. This allows controlling external data the same way internal data is controlled, while supporting functional capabilities and performance of given controller.</p>
<p><strong>Internal and external extension</strong><br />
Second rule. In order for extension to make for maintenance expenses reduction, unprecedented scalability opportunities are needed. You will be better off using such solutions that are capable of extending according to system consolidation requirements demanded by more and more powerful server clusters, as well as aiming at dynamic allocation of virtual resources for data storage on a growing number of servers and applications.</p>
<p><strong>Built-in security system</strong><br />
Third rule. With data center virtualization, IT-administrators should provide for mechanism of protecting the data from unauthorized access. Ideal data storage system security can be provided by delimiting user zones and separating control data from user data, as well as by assigning different addresses to virtual ports, which rely on the same physical ports. However, for efficient operation of these security functions they should be initially built-in to products, and not be postponed for later implementation.</p>
<p><strong>Transparency</strong><br />
Fourth rule. Applications should “see” both virtual system and the underlying physical infrastructure. Besides, data storage system should incorporate an opportunity of tracking service applications operation. The latter cannot be implemented without an integrated software tools that provide collecting data from the entire infrastructure, identify it with a server or an application, and finally output it to intuitive control panel.<br />
These four simple rules allow creating a data center virtualization, which will provide global consolidation of resources, technologies and applications. Such virtual system simplifies IT-infrastructure and provides for protection of all data, which increases its significance for enterprise operation.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/data-center-virtualization.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Server Virtualization Benefits</title>
		<link>http://phpforms.net/tutorial/data-storage/server-virtualization-benefits.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/server-virtualization-benefits.html#comments</comments>
		<pubDate>Tue, 21 Feb 2012 11:38:19 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4015</guid>
		<description><![CDATA[Hardware expenses reduction is one of server virtualization benefits. Owing to consolidation of multiple virtual servers within one physical server, virtualization allows cutting expenses spent on server hardware. One physical server can host tens and even hundreds of virtual servers simultaneously.
 One more server virtualization benefit is software expenses reduction. Some software vendors have implemented [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #000000;"><strong>Hardware expenses reduction</strong> is one of server virtualization benefits. Owing to consolidation of multiple virtual servers within one physical server, <a href="http://phpforms.net/tutorial/data-storage/virtualizaion.html">virtualization</a> allows cutting expenses spent on server hardware. One physical server can host tens and even hundreds of virtual servers simultaneously.</span></p>
<p><span style="color: #000000;"> One more server virtualization benefit is <strong>software expenses reduction</strong>. Some software vendors have implemented separate licensing schemes especially for virtual environments. For example, buying just one Microsoft Windows Server Enterprise license you receive the right to use it on 1 physical server and 4 virtual ones (within one server). As for Windows Server Datacenter, it is licensed for a certain number of CPUs and can be used in unlimited number of virtual servers.</span></p>
<p><span style="color: #000000;"><strong>Maintenance expenses reduction</strong> is the next server virtualization benefit. Maintenance of lesser amount of equipment is cheaper and easier. </span></p>
<p><span style="color: #000000;"><strong>Electricity expenses reduction</strong>. The number of physical machines that work as servers is reduced, which lowers the energy supply. On average, servers are idle 70% of time, while still consuming energy and releasing large amounts of heat. <a href="http://phpforms.net/tutorial/data-storage/server-virtualization.html">Server virtualization</a> allows spending CPU cycles more efficiently and rise utilization to as high as 90%.</span></p>
<p><span style="color: #000000;"><strong>Infrastructure flexibility enhancement</strong>. Virtualization allows software to abstract from hardware. Therefore, it introduces the opportunity for virtual machines to migrate between different physical servers. Earlier, if a server started malfunctioning, it was necessary to reinstall OS and restore all the data from backup on that server, which took hours. Now it is enough to perform virtual machine migration from one server to another, no reinstallation involved. Virtual server also demonstrates lower time of deploying solutions of your tasks owing to server system’s shorter installation, setup and delivery procedure.</span></p>
<p><span style="color: #000000;"><strong>Increase in level of fault-tolerance</strong>. Virtualization offers means to clusterize the entire server regardless of running software. Even unclusterizable services can be clusterized, too. In such case clasterization in its pure sense doesn’t occur; in fact it is just a virtual machine restarting. But, should a physical server fail, virtual machine will be automatically started on another one without system administrator’s attendance.</span></p>
<p><span style="color: #000000;"> Last but mot least servrer virtualization benefit is that <strong>t</strong><strong>esting made simpler</strong>. Virtual servers offer a convenient environment for testing software, modeling loads, processes, and tasks. Even if something goes wrong or deviates the expected scenario, only the virtual environment itself will be compromised, while the physical server uninterruptedly runs other virtual machines.<br />
Besides, when testing is performed on virtual machines, they can be migrated from work servers which are exposed to bigger loads to other physical servers.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/server-virtualization-benefits.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IT virtualization</title>
		<link>http://phpforms.net/tutorial/data-storage/it-virtualization.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/it-virtualization.html#comments</comments>
		<pubDate>Sun, 19 Feb 2012 14:46:35 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=4003</guid>
		<description><![CDATA[Everybody speaks about virtualization these days. It is considered to be a cherished objective of IT. However, most of corporations and technology suppliers share a misconception that IT virtualization is the same as computer virtualization, which is, for example, running multiple operating systems on a single server. In fact, computer virtualization is neither a versatile [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #000000;">Everybody speaks about <a href="http://phpforms.net/tutorial/data-storage/virtualizaion.html">virtualization</a> these days. It is considered to be a cherished objective of IT. However, most of corporations and technology suppliers share a misconception that IT virtualization is the same as computer virtualization, which is, for example, running multiple operating systems on a single server. In fact, computer virtualization is neither a versatile solution nor a complete process. On the contrary, IT virtualization is something of global scale. And it is largely influential to the entire IT infrastructure.</span></p>
<p><span style="color: #000000;"><br />
Virtualization is the technology that allows making computing resources autonomous and mutually independent. It should be applied to each single level of computing structure, starting from data center and ending at standalone PCs.</span></p>
<p><span style="color: #000000;">The purpose of virtualization is replacing rigid binding between different levels, such as between operating system (OS) and devices, between application and OS, between user interface and local computer. Instead, virtualization makes dependencies between mentioned elements relatively loose. This introduces new opportunities, and sometimes problems. For instance, by using virtualization of hardware (including <a href="http://phpforms.net/tutorial/data-storage/server-virtualization.html">server virtualization</a> and <a href="http://phpforms.net/tutorial/data-storage/desktop-virtualization.html">desktop virtualization</a>) we can make OS independent of hardware, which runs it. Likewise, virtualization of applications can perform similar separation of OS and applications being executed within it. In a similar fashion, virtualization of presentations is able to untie user interface from physical computer, which runs the application providing this interface. While you are working with an application on one machine, it can be controlled from another.</span></p>
<p><span style="color: #000000;">Separation of these levels makes for a much greater flexibility in every aspect of IT-infrastructure. More various ways of both hardware and software usage are introduced, as well as opportunity to replace components more easily. Owing to isolation of critical portions, systems become more protected. Many tasks of IT staff become simpler. Unsolved problems that irritated IT staff every day are gone.</span></p>
<p><span style="color: #000000;">Virtualization is a powerful tool of infrastructure transformation that affects all levels from data center to desktop workstations. It offers benefits such as faster application deployment; uninterrupted availability of systems, applications and data; minimizing difficulties connected with servers and desktops recovery or taking them offline for testing and development; lowering costs and improving flexibility of the entire environment. You can also see the list of <a href="http://phpforms.net/tutorial/data-storage/server-virtualization-benefits.html">server virtualization benefits</a>.</span></p>
<p><span style="color: #000000;"><strong>Integral concept of IT virtualization</strong><br />
Evidence suggests that large-scale virtualization can offer considerable advantages. However, it also became clear that virtualization has its specific difficulties, for example the necessity of maintaining “the islands” of overgrown virtualized and physical assets. That’s why it is recommended to use time-proven tools in order to make the task of controlling the entire infrastructure and all associated processes simpler and faster. Transition to IT virtualization should be implemented in a way that won’t lead to consequences negating its advantages.</span></p>
<p><span style="color: #000000;">This integral approach at virtualization is not just a theory. This is reality for Microsoft Corporation and most of their customers. In order to bring all-round virtualization to life, the corporation has united resources of specialists, partners, products and solutions.</span></p>
<p><span style="color: #000000;">Integral approach at virtualization will aid organizations in advancement towards dynamical condition, making for enhanced flexibility of IT systems and simplicity of changes.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/it-virtualization.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Server Virtualization</title>
		<link>http://phpforms.net/tutorial/data-storage/server-virtualization.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/server-virtualization.html#comments</comments>
		<pubDate>Fri, 17 Feb 2012 14:19:35 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3987</guid>
		<description><![CDATA[Server virtualization is a part of IT virtualization.
Creating a virtual environment
 Many system administrators choose to set up multiple servers. This is for a reason: it is recommended to devote different servers to different tasks. For example, Microsoft urgently advises to never run both Active Directory domain controller and Internet gateway on the same physical [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #000000;">Server virtualization is a part of <a href="http://phpforms.net/tutorial/data-storage/it-virtualization.html">IT virtualization</a>.</span></p>
<p><strong><span style="color: #000000;">Creating a virtual environment</span></strong></p>
<p><span style="color: #000000;"> Many system administrators choose to set up multiple servers. This is for a reason: it is recommended to devote different servers to different tasks. For example, Microsoft urgently advises to never run both Active Directory domain controller and Internet gateway on the same physical server, since it introduces a security threat. In case of malware or hacker attack on the network, Internet gateway is first to take the brunt. And if the domain controller shares the server under attack, AD bases will probably get corrupted or even worse – leaked to hackers. While outcome of corruption is just spending some time on recovery, in case leak happens more elaborate attacks are very likely to come using logins and passwords of actual network users. The least bad thing that can happen is that all company users’ e-mail addresses make their way to spammer bases.</span></p>
<p><span style="color: #000000;"><br />
With respect to the above, domain controller is installed to one physical server and Internet gateway is installed to another. This is correct. Now if hackers deploy a successful attack on Internet gateway, chances that they will reach anything past the gateway will be much lower.</span></p>
<p><span style="color: #000000;"><br />
Every separate server has its cost. If we’re speaking about brand servers here, the costs fly up. Each server consumes electric power, occupies place on a table or a stand. Besides, server applications rarely consume large portion of system resources: CPU load doesn’t exceed 10% for domain controllers and Internet gateways that we mentioned. Thus using a separate server for each of these tasks is seen as irrational. On the other hand, using a single server is unacceptable in terms of security. Well, where is the happy medium then? The answer is given with server <a href="http://phpforms.net/tutorial/data-storage/virtualizaion.html">virtualization</a> .</span></p>
<p><span style="color: #000000;"><br />
</span></p>
<p><strong><span style="color: #000000;">What is server virtualization?</span></strong></p>
<p><span style="color: #000000;"><strong> </strong><br />
Server Virtualization is a software technology of computer’s hardware emulation. One physical computer can run multiple virtual machines at once. Such virtual machines act just like separate physical ones; you can install operating systems and applications to them. Each virtual machine uses a portion of physical host’s resources for its operation. And the portion of resources reserved for use can be adjusted either statically or dynamically. This technology allows a more rational usage of hardware resources.<br />
Example: we have two applications that require 128 Mb RAM each and cannot be installed to the same physical server. </span></p>
<p><span style="color: #000000;">Our options are:</span></p>
<p><span style="color: #000000;"><br />
</span></p>
<ol>
<li><span style="color: #000000;">Buy two servers having 256M RAM each;</span></li>
<li><span style="color: #000000;">Buy one server having 512M RAM and run both applications within separate virtual machines;</span></li>
</ol>
<p><span style="color: #000000;"> </span></p>
<p><span style="color: #000000;">Obviously, the latter option makes for more effective hardware resources usage (CPU in particular), while the cost of server virtualization is much lower, since one server having a larger RAM capacity is always cheaper than two servers. See all <a title="Server Virtualization Benefits" rel="bookmark" href="http://phpforms.net/tutorial/data-storage/server-virtualization-benefits.html">server virtualization benefits</a>.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/server-virtualization.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Virtualization</title>
		<link>http://phpforms.net/tutorial/data-storage/virtualizaion.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/virtualizaion.html#comments</comments>
		<pubDate>Fri, 10 Feb 2012 06:24:31 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3968</guid>
		<description><![CDATA[Virtualization is the technology that provides abstracting of processes and their presentations from computational resources. 
Virtualization is a proved software technology that transforms IT-environment at a growing rate and makes fundamental changes in computing processes.
Modern computer equipment has rather broad capabilities, but initially it was designed for one operating system and supposed to run only [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #000000;">Virtualization is the technology that provides abstracting of processes and their presentations from computational resources. </span></p>
<p><span style="color: #000000;">Virtualization is a proved software technology that transforms IT-environment at a growing rate and makes fundamental changes in computing processes.</span></p>
<p><span style="color: #000000;">Modern computer equipment has rather broad capabilities, but initially it was designed for one operating system and supposed to run only one application. But virtualization overcame these limitations and enabled launching several OS and multiple applications on a single PC at the same time, thus increasing hardware performance and flexibility. </span></p>
<p><span style="color: #000000;"><a href="http://phpforms.net/tutorial/data-storage/it-virtualization.html">IT virtualization</a> gives advantages to any PC user. Millions of people all over the world use virtual technologies to save time, money and electricity, and in addition to that achieve  better results without hardware extension.</span></p>
<p><span style="color: #000000;">Nowadays any large company that claims to hold leadership in its branch can hardly do without virtualization.</span></p>
<p><em><span style="color: #000000;"><span style="text-decoration: underline;"><span style="color: #000000;">The following types of virtualization can be marked out:</span></span></span></em></p>
<ul>
<li><span style="color: #000000;"><strong><a href="http://phpforms.net/tutorial/data-storage/server-virtualization.html">Server virtualization</a></strong> - launching of several virtual servers on one physical server. Virtual machines or servers are applications launched on hosting OS that emulate physical devices or servers. Each virtual machine can run on a different operating system  with applications and services installed on it. Typical examples are products like VmWare (ESX, Server, Workstation) and Microsoft (Hyper-V, Virtual Serer, Virtual PC).</span></li>
</ul>
<ul>
<li><span style="color: #000000;"><strong><a href="http://phpforms.net/tutorial/data-storage/application-virtualization-client.html">Application virtualization</a></strong> means emulation of operating system's resources (register, files etc.). This technology allows using several incompatible applications simultaneously on a single computer, or to be more precise, on a single operating system. Application virtualization is implemented on the basis of Microsoft Application Virtualization product (AppV). AppV allows users to launch the same previously configured application or group of applications from a server. Moreover, all running applications will work independently, without making any changes to the operating system. All this happens transparently for the user, as if he works with a usual locally installed application.</span></li>
</ul>
<ul>
<li><span style="color: #000000;"><strong>Presentation virtualization</strong> means emulation of user interface. I.e. user sees an application and works with it on his device, though in fact the application runs on a remote server, and only the image of the remote application is transferred to the user. Depending on mode of operation, the user can see the remote desktop and application launched on it, or just the application window. This is implemented on the basis of Microsoft Terminal Services and Citrix solutions.</span></li>
</ul>
<ul>
<li><span style="color: #000000;"><strong>Operating system-level virtualization</strong> means isolation of services within one kernel specimen. It is implemented on the basis of Parallels (Swsoft)  or Virtuozzo and is most often used by hosting companies.</span></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/virtualizaion.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fibre Channel vs. ISCSI &#8211; What to Choose?</title>
		<link>http://phpforms.net/tutorial/data-storage/fibre-channel-vs-iscsi.html</link>
		<comments>http://phpforms.net/tutorial/data-storage/fibre-channel-vs-iscsi.html#comments</comments>
		<pubDate>Wed, 08 Feb 2012 13:50:30 +0000</pubDate>
		<dc:creator>mironenko_sp</dc:creator>
				<category><![CDATA[Data Storage]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3927</guid>
		<description><![CDATA[

Choosing a right storage virtualization solution for your business can be very confusing. Different types of Storage Area Network (SAN) have their own pros and cons. Which technology to choose depends on particular business needs and how much you can afford.
But first it is important to know what makes the difference and what it means [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #000000;"><br />
</span></p>
<p><span style="color: #000000;">Choosing a right storage <a title="Virtualization" href="http://phpforms.net/tutorial/data-storage/virtualizaion.html" target="_self">virtualization</a> solution for your business can be very confusing. Different types of <a href="http://phpforms.net/tutorial/data-storage/storage-area-network.html">Storage Area Network</a> (SAN) have their own pros and cons. Which technology to choose depends on particular business needs and how much you can afford.</span></p>
<p><span style="color: #000000;">But first it is important to know what makes the difference and what it means to you. Here we'll give you some ideas about two SANs that represent two opposite approaches to <a href="http://phpforms.net/tutorial/data-storage/storage-virtualization.html">storage virtualization</a>. Each with its partisans and opponents, iSCSI and Fibre Channel (FC) cause hot discussions in professional circles. Let's investigate and consider advantages and disadvantages of each.</span></p>
<p><strong><span style="color: #000000;">Advantages and disadvantages of iSCSI and FC</span></strong></p>
<p><span style="color: #000000;">Any SAN uses Hot Bus Adapter (HBA) to connect server to shared block storage array. As the result of such connection, storage network is established that enables a server to exchange data with storage. Various methods can be used to secure storage avaliability and improve its productivity.</span></p>
<p><span style="color: #000000;">Fibre Channel can transfer data using both twisted pair copper wire and optical fiber cables at a speed of 4 Gbit/s. FC is recognized as a «traditional» SAN, but many IT managers now start giving preference to iSCSI for it is less expensive and complicated. Let's see: you need HBA cards connected to a corresponding port for each server to implement Fibre Channel. This can cost you a considerable amount of money. If you are a small or medium-sized business, such costs can be beyond your strength.</span></p>
<p><span style="color: #000000;">The situation changed in 2003 with ratification of iSCSI protocol based SANs which allowed to send SCSI commands to storage on remote servers. Unlike Fibre Channel, iSCSI doesn't require special cabling. Ethernet LAN technology used by iSCSI is comparatively cheap and easy to learn. At the basic level, iSCSI can produce 1 Gbit/s Ethernet connection that actually can be upgraded to 10 Gbit provided network adapters and switches are adjusted to relevant speed.</span></p>
<p><span style="color: #000000;">However, some believe that iSCSI has low performance when compared to Fibre Channel and thus keep away from deploying this SAN. Experts maintain that iSCSI SANs are likely to face oversubscription and thus become unable to sustain the load. That's why it is recommended to use high-end Ethernet switches for iSCSI networks.</span></p>
<p><span style="color: #000000;">By the way, some FC devices can maintain 10 Gbit speed already and if it goes on this technology will probably attract more users.</span></p>
<p><strong><span style="color: #000000;">Does performance really matter?</span></strong></p>
<p><span style="color: #000000;">According to stats, performance is not a determinal factor when choosing between Fibre Channel and  iSCSI. There's a considerable difference in approaches to administration and management of these SANs. As mentionedabove, FC requires peculiar skills and iSCSI can perform poorly on existing TCP/IP protocols. As of now, both technologies remain in parity. And if you have a Fibre Channel SAN, there's no reason why others should not deploy iSCSI and visa versa.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/data-storage/fibre-channel-vs-iscsi.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>z-index</title>
		<link>http://phpforms.net/tutorial/css-reference/z-index.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/z-index.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 11:00:56 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3503</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS2


Default value 
auto


Inherited
No


Applied
To all docked elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#border-color-properties



Description
Any positioned elements on a web page can be superposed each other in a certain order. Thus they are simulating the third measurement that is perpendicular to the screen. Each element can be both below and above placing other objects on a z-axis. [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS2</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">auto</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all docked elements </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/box.html#border-color-properties">http://www.w3.org/TR/CSS21/box.html#border-color-properties</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
Any positioned elements on a web page can be superposed each other in a certain order. Thus they are simulating the third measurement that is perpendicular to the screen. Each element can be both below and above placing other objects on a z-axis. The attribute z-index operates here.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">z-index</span><span style="color: #00AA00;">:</span> number | <span style="color: #993333;">auto</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
It is possible to use positive or negative integer and also a zero as arguments. The more value the above is an element in comparison with those elements in which a value is less. There is the element in HTML code at equal value z-index which is described below. Though the specification also allows to use negative values z-index but such elements are not displayed in the following browsers: Netscape, Mozilla and Firefox.<br />
There is «Auto» that is applied apart from numerical values. The elements order is under construction automatically proceeding from their position in code HTML and a membership to the parent. It is because of affiliated elements have the same number that their parental element.</p>
<p><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   <span style="color: #cc00cc;">#layer1</span><span style="color: #00AA00;">,</span> <span style="color: #cc00cc;">#layer2</span><span style="color: #00AA00;">,</span> <span style="color: #cc00cc;">#layer3</span><span style="color: #00AA00;">,</span> <span style="color: #cc00cc;">#layer4</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">relative</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Relative positioning */</span>
   <span style="color: #00AA00;">&#125;</span> 
   <span style="color: #cc00cc;">#layer1</span><span style="color: #00AA00;">,</span> <span style="color: #cc00cc;">#layer3</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;">50px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Font size in pixels */</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#000080</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Blue text color */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #cc00cc;">#layer2</span><span style="color: #00AA00;">,</span> <span style="color: #cc00cc;">#layer4</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">-55px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Top text shift */</span>
    <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Shift text to the right */</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ffa500</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Orange text color */</span>
    <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span><span style="color: #933;">70px</span><span style="color: #00AA00;">;</span>  <span style="color: #808080; font-style: italic;">/* Font size in pixels */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #cc00cc;">#layer1</span> <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">z-index</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">2</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
   <span style="color: #cc00cc;">#layer2</span> <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">z-index</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">1</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
   <span style="color: #cc00cc;">#layer3</span> <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">z-index</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">3</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
   <span style="color: #cc00cc;">#layer4</span> <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">z-index</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">4</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&nbsp;
Layer <span style="color: #cc66cc;">1</span> <span style="color: #993333;">above</span>
&lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;layer1&quot;</span><span style="color: #00AA00;">&gt;</span>Layer <span style="color: #cc66cc;">1</span>&lt;/div<span style="color: #00AA00;">&gt;</span>
&lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;layer2&quot;</span><span style="color: #00AA00;">&gt;</span>Layer <span style="color: #cc66cc;">2</span>&lt;/div<span style="color: #00AA00;">&gt;</span>
Layer <span style="color: #cc66cc;">4</span> <span style="color: #993333;">above</span>
&lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;layer3&quot;</span><span style="color: #00AA00;">&gt;</span>Layer <span style="color: #cc66cc;">3</span>&lt;/div<span style="color: #00AA00;">&gt;</span>
&lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;layer4&quot;</span><span style="color: #00AA00;">&gt;</span>Layer <span style="color: #cc66cc;">4</span>&lt;/div<span style="color: #00AA00;">&gt;</span></pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 1</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/z-index.jpg"><img class="aligncenter size-full wp-image-3504" title="z-index" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/z-index.jpg" alt="" width="452" height="572" /></a></p>
<div style="font-size: 1.5em;"><strong>Object model</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.zIndex</pre></div></div>

<div style="font-size: 1.5em;"><strong>Remark</strong><br />
The list created by the tag &lt;SELECT&gt; in the browser Internet Explorer 6 is always imaged above other elements independent from the value "z-index".<br />
Only beginning from the version 5.5 Internet Explorer allows to use the attribute "z-index" to the frames (tag &lt;FRAME&gt;) and float frames (&lt;IFRAME&gt;).<br />
Firefox 3 understands the negative value of "z-index" reasonably.</div>
<dd><a title="Server Virtualization Benefits" href="http://phpforms.net/tutorial/data-storage/server-virtualization-benefits.html">Server Virtualization Benefits</a></dd>
<dd><a title="Storage Virtualization" href="http://phpforms.net/tutorial/data-storage/storage-virtualization.html">Storage Virtualization</a></dd>
<dd><a title="Virtualizaion" href="http://phpforms.net/tutorial/data-storage/virtualizaion.html">Virtualizaion</a></dd>
<dd><a title="What is VPS" href="http://phpforms.net/tutorial/data-storage/what-is-vps.html">What is VPS?</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/z-index.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>word-spacing</title>
		<link>http://phpforms.net/tutorial/css-reference/word-spacing.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/word-spacing.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 10:43:37 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3499</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
normal


Inherited
Yes


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing




Description
It determines an interval between words. If the alignment parameter justify is determined, the attribute word-spacing does not operate because the interval between words will be installed compulsorily. It is done for the text line to be aligned on right and left borders.

Syntax


word-spacing: value [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">normal</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing">http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It determines an interval between words. If the alignment parameter justify is determined, the attribute word-spacing does not operate because the interval between words will be installed compulsorily. It is done for the text line to be aligned on right and left borders.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">word-spacing</span><span style="color: #00AA00;">:</span> value | <span style="color: #993333;">normal</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
Any units of length accepted in CSS are accepted as values, for example pixels (px), inches (in), points (pt), etc. The parameter value can be negative but it is necessary to check working capacity in different browsers. Percentage record is not applicable. The argument normal determines an interval between words as usually.<br />
<br />
<strong>Example</strong>
</div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>word-spacing&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   P <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">word-spacing</span><span style="color: #00AA00;">:</span> <span style="color: #933;">20px</span><span style="color: #00AA00;">;</span>
   <span style="color: #00AA00;">&#125;</span> 
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;p<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.&lt;/p<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/word-spacing.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/word-spacing.jpg" alt="" title="word-spacing" width="411" height="311" class="aligncenter size-full wp-image-3500" /></a></p>
<dd><a title="Storage Virtualization" href="http://phpforms.net/tutorial/data-storage/storage-virtualization.html">Storage Virtualization</a></dd>
<dd><a title="Virtualizaion" href="http://phpforms.net/tutorial/data-storage/virtualizaion.html">Virtualizaion</a></dd>
<dd><a title="What is VPS" href="http://phpforms.net/tutorial/data-storage/what-is-vps.html">What is VPS?</a></dd>
<dd><a title="Tape Backup" href="http://phpforms.net/tutorial/data-storage/tape-backup.html">Tape Backup</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/word-spacing.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>width</title>
		<link>http://phpforms.net/tutorial/css-reference/width.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/width.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 10:35:54 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3497</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
auto


Inherited
No


Applied
To all elements except built-in unreplacable elements, columns and table groups


HTML analog
&#60;im width&#62;  &#60;table width&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/visudet.html#propdef-width




Description
Sets the width of block or replacable elements (the tag &#60;IMG&#62; refers to them). Width doesn't include the width of borders around the elements, values of indents and fields.
Browsers work with width in [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">auto</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements except built-in unreplacable elements, columns and table groups</font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;im width&gt;  &lt;table width&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width">http://www.w3.org/TR/CSS21/visudet.html#propdef-width</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
Sets the width of block or replacable elements (the tag &lt;IMG&gt; refers to them). Width doesn't include the width of borders around the elements, values of indents and fields.<br />
Browsers work with width in different ways. The result of image depends on DOCTYPE used. </div>
<p></p>
<div style="font-size:1.5em;"><strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> value | percents | <span style="color: #993333;">auto</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
Any CSS units of length are accepted as values - for example, pixels (px), inches (in), points (pt) etc. When you use the percent record the element's width is calculated depend on parent element's width. If the parent is not specified directly the browser window becomes a parent. The argument "auto" sets the width depend on type and content of the element.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>width&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #6666ff;">.layer1</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">300px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Block width */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fc0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Fields around the text */</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#ccc</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame parameters */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #6666ff;">.layer2</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">400px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text block width */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;layer1&quot;</span><span style="color: #00AA00;">&gt;</span>
   &lt;p class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;layer2&quot;</span><span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span>consectetuer 
   adipiscing elit<span style="color: #00AA00;">,</span>seddiem nonummy nibh euismod tincidunt ut 
   lacreet dolore magna aliguam erat volutpat.&lt;/p<span style="color: #00AA00;">&gt;</span>
  &lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/width1.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/width1.jpg" alt="" title="width1" width="444" height="324" class="aligncenter size-full wp-image-3508" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.<span style="color: #000000; font-weight: bold;">width</span></pre></div></div>

<dd><a title="Virtualizaion" href="http://phpforms.net/tutorial/data-storage/virtualizaion.html">Virtualizaion</a></dd>
<dd><a title="What is VPS" href="http://phpforms.net/tutorial/data-storage/what-is-vps.html">What is VPS?</a></dd>
<dd><a title="Tape Backup" href="http://phpforms.net/tutorial/data-storage/tape-backup.html">Tape Backup</a></dd>
<dd><a title="Private Cloud" href="http://phpforms.net/tutorial/data-storage/private-cloud.html">Private Cloud</a></dd
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/width.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>white-space</title>
		<link>http://phpforms.net/tutorial/css-reference/white-space.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/white-space.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 10:30:22 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3488</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Partially
Partially
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
normal


Inherited
Yes


Applied
To block elements 


HTML analog
&#60;PRE&#62;  &#60;NOBR&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/text.html#propdef-white-space




Description
The parameter white-space determines how to display spaces between words. Usually any quantity of blanks in code HTML is shown on web page as one. An exception is the tag &#60;PRE&#62;, the text placed in this container is deduced with all spaces [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Partially</font></td>
<td class="yes"><font size="2">Partially</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">normal</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To block elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;PRE&gt;  &lt;NOBR&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space">http://www.w3.org/TR/CSS21/text.html#propdef-white-space</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
The parameter white-space determines how to display spaces between words. Usually any quantity of blanks in code HTML is shown on web page as one. An exception is the tag &lt;PRE&gt;, the text placed in this container is deduced with all spaces as it has been formatted by the user. Thus, white-space simulates work of the tag &lt;PRE&gt;, but unlike it does not change a font on mono-widthed font.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">white-space</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">normal</span> | <span style="color: #993333;">nowrap</span> | pre</pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
normal<br />
The text in a browser window is deduced as usually. Lines carries are determined automatically.<br />
nowrap<br />
Lines carries in the code HTML are ignored. All text is displayed in one line, at the same time addition of the tag <BR> transfers the text on a new line.<br />
pre<br />
The text is shown taking into account all spaces and carries as they have been added by the developer in code HTML. If the line turns out too long and it is not located in a browser window, in this case the horizontal strip of scrolling will be added.<br />
<br />
<strong>Example</strong>
</div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>white-space&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   P<span style="color: #6666ff;">.example</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">dashed</span> <span style="color: #cc00cc;">#634f36</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame parameters */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fffff5</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> <span style="color: #ff0000;">&quot;Courier New&quot;</span><span style="color: #00AA00;">,</span> Courier<span style="color: #00AA00;">,</span> <span style="color: #993333;">monospace</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Font family */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Fields around the text */</span>
    <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #933;">0px</span> <span style="color: #933;">0px</span> <span style="color: #933;">1em</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Indents */</span>
    <span style="color: #000000; font-weight: bold;">white-space</span><span style="color: #00AA00;">:</span> pre<span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* All spacings and hyphens are taken into account */</span> 
   <span style="color: #00AA00;">&#125;</span> 
   P<span style="color: #6666ff;">.exampleTitle</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame parameters */</span>
    <span style="color: #000000; font-weight: bold;">border-bottom</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Remove bottom line */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Fields around the text */</span>
    <span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">inline</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Image as built-in element */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#efecdf</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">font-weight</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">bold</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Bold font */</span>
    <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">90</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Font size */</span>
    <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #933;">0px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Remove indents */</span>
    <span style="color: #000000; font-weight: bold;">white-space</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">nowrap</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* No hyphens in the text */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;p class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;exampleTitle&quot;</span><span style="color: #00AA00;">&gt;</span>Example&lt;/p<span style="color: #00AA00;">&gt;</span>
  &lt;p class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;example&quot;</span><span style="color: #00AA00;">&gt;</span>
   &amp;lt<span style="color: #00AA00;">;</span>html&amp;gt<span style="color: #00AA00;">;</span>
   &amp;lt<span style="color: #00AA00;">;</span>body&amp;gt<span style="color: #00AA00;">;</span>
   &amp;lt<span style="color: #00AA00;">;</span>b&amp;gt<span style="color: #00AA00;">;</span>Great Fermat<span style="color: #ff0000;">'s theorem&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;
   &amp;lt;i&amp;gt;X &amp;lt;sup&amp;gt;&amp;lt;small&amp;gt;n&amp;lt;/small&amp;gt;&amp;lt;/sup&amp;gt;
   + Y &amp;lt;sup&amp;gt;&amp;lt;small&amp;gt;n&amp;lt;/small&amp;gt;&amp;lt;/sup&amp;gt; =
   Z &amp;lt;sup&amp;gt;&amp;lt;small&amp;gt;n&amp;lt;/small&amp;gt;&amp;lt;/sup&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;br&amp;gt;
   where n - integer number &amp;gt; 2
   lt;/body&amp;gt;
   &amp;lt;/html&amp;gt;
  &lt;/p&gt;
&nbsp;
 &lt;/body&gt;
&lt;/html&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/fermat.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/fermat.jpg" alt="" title="fermat" width="491" height="429" class="aligncenter size-full wp-image-3493" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.whiteSpace</pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Remark</strong><br />
Browser Internet Explorer 6 and earlier doesn't support the argument "pre". Internet Explorer 7 understands the value "pre" only in «strict» mode (<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">).<br />
Browsers Opera 9 and Firefox 3 тalso work with the value "pre-wrap" saving all spacings and hyphens. But if the text cannot be placed to the specified area the text will be carried automatically to the next line.</div>
<dd><a title="What is VPS" href="http://phpforms.net/tutorial/data-storage/what-is-vps.html">What is VPS?</a></dd>
<dd><a title="Tape Backup" href="http://phpforms.net/tutorial/data-storage/tape-backup.html">Tape Backup</a></dd>
<dd><a title="Private Cloud" http://phpforms.net/tutorial/data-storage/private-cloud.html">Private Cloud</a></dd>
<dd><a title="IT disaster recovery" href="http://phpforms.net/tutorial/data-storage/it-disaster-recovery.html">IT disaster recovery</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/white-space.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>visited</title>
		<link>http://phpforms.net/tutorial/css-reference/visited.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/visited.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 10:11:42 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3481</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Applied
To links (tag &#60;A&#62; )


HTML analog
&#60;body VLINK="#RRGGBB"&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes




Description
The pseudo-class visited is applied to the links which have been already visited by the user. Also it specifies the style appearance for them.

Syntax


A:visited &#123; ... &#125;

Arguments
No.

Example


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
&#60;!DOCTYPE HTML PUBLIC &#34;-//W3C//DTD HTML 4.01//EN&#34; &#34;http://www.w3.org/TR/html4/strict.dtd&#34;&#62;
&#60;html&#62;
 &#60;head&#62;
  &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=windows-1251&#34;&#62;
  &#60;title&#62;visited&#60;/title&#62;
  &#60;style type=&#34;text/css&#34;&#62;
 [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To links (tag &lt;A&gt; )</font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;body VLINK="#RRGGBB"&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes">http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
The pseudo-class visited is applied to the links which have been already visited by the user. Also it specifies the style appearance for them.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">A<span style="color: #3333ff;">:visited </span><span style="color: #00AA00;">&#123;</span> ... <span style="color: #00AA00;">&#125;</span></pre></div></div>

<div style="font-size:1.5em;">Arguments<br />
No.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>visited&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   a<span style="color: #3333ff;">:link </span><span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#0000d0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Link color */</span>
   <span style="color: #00AA00;">&#125;</span>
   a<span style="color: #3333ff;">:visited </span><span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#900060</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Color of visited links */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;p<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;link1.html&quot;</span><span style="color: #00AA00;">&gt;</span>Visited link&lt;/a<span style="color: #00AA00;">&gt;</span>&lt;/p<span style="color: #00AA00;">&gt;</span> 
  &lt;p<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;link2.html&quot;</span><span style="color: #00AA00;">&gt;</span>Non-visited link&lt;/a<span style="color: #00AA00;">&gt;</span>&lt;/p<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;link3.html&quot;</span><span style="color: #00AA00;">&gt;</span>Non-visited link&lt;/a<span style="color: #00AA00;">&gt;</span>&lt;/p<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/visited.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/visited.jpg" alt="" title="visited" width="343" height="349" class="aligncenter size-full wp-image-3484" /></a></p>
<dd><a title="Tape Backup" href="http://phpforms.net/tutorial/data-storage/tape-backup.html">Tape Backup</a></dd>
<dd><a title="Private Cloud" href="http://phpforms.net/tutorial/data-storage/private-cloud.html">Private Cloud</a></dd>
<dd><a title="IT disaster recovery" href="http://phpforms.net/tutorial/data-storage/it-disaster-recovery.html">IT disaster recovery</a></dd>
<dd><a title="Differential Backup" href="http://phpforms.net/tutorial/data-storage/differential-backup.html">Differential Backup</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/visited.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>visibility</title>
		<link>http://phpforms.net/tutorial/css-reference/visibility.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/visibility.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 10:00:38 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3475</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Partially
Partially
Partially
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS2


Default value 
visible


Inherited
Yes


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility



Description
It is intended for display or element concealment including a framework round it and a background. At element concealment the occupying place by an element remains behind it, though it is also not becomes visible. If the conclusion of different elements in the same [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Partially</span></td>
<td class="yes"><span style="font-size: x-small;">Partially</span></td>
<td class="yes"><span style="font-size: x-small;">Partially</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS2</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">visible</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">Yes</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all elements </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility">http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
It is intended for display or element concealment including a framework round it and a background. At element concealment the occupying place by an element remains behind it, though it is also not becomes visible. If the conclusion of different elements in the same place of the screen is supposed, it is necessary to use absolute positioning or to take advantage of property display for detour of this feature.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">visibility</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">visible</span> | <span style="color: #993333;">hidden</span> | <span style="color: #993333;">collapse</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
visible<br />
It indicates an element as visible.<br />
hidden<br />
The element becomes invisible, that means it completely transparent because it continues to participate in page formatting.<br />
collapse<br />
If this value is applied not by the lines or table columns, in this case the result of its use will be the same as hidden. If you apply collapse for the cells content, they will react as the style property display: none is added. So, specified lines and columns are cleaned and the table is reconstructed again. This argument is not supported by browser Internet Explorer.</p>
<p><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
  <span style="color: #000000; font-weight: bold;">visibility</span>
  &lt;script type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span><span style="color: #00AA00;">&gt;</span>&lt;!--mce<span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span>--<span style="color: #00AA00;">&gt;</span>&lt;/script<span style="color: #00AA00;">&gt;</span>
&nbsp;
&lt;a onmouseover<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;showLayer()&quot;</span> onmouseout<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;hiddenLayer()&quot;</span> href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;#&quot;</span><span style="color: #00AA00;">&gt;</span>&lt;img src<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;button.gif&quot;</span> alt<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Кнопка&quot;</span> <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;98&quot;</span> <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;33&quot;</span> /<span style="color: #00AA00;">&gt;</span>&lt;/a<span style="color: #00AA00;">&gt;</span>
&lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;descr&quot;</span> style<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;visibility: hidden;&quot;</span><span style="color: #00AA00;">&gt;</span>
   This exclusion is a subset of astracional
   supermative monotenious fedonies of cadonar extrafasorium.&lt;/div<span style="color: #00AA00;">&gt;</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Object model</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.<span style="color: #000000; font-weight: bold;">visibility</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Remark</strong><br />
The argument "collapse" is supported by the browser Mozilla only beginning from the version 1.8а. Internet Explorer ignores this value at all.</div>
<div style="font-size: 1.5em;"></div>
<div style="font-size: 1.5em;"></div>
<dd><a title="Data Center Virtualization" href="http://phpforms.net/tutorial/data-storage/data-center-virtualization.html">Data Center Virtualization</a></dd>
<dd><a title="Desktop virtualization" href="http://phpforms.net/tutorial/data-storage/desktop-virtualization.html">Desktop virtualization</a></dd>
<dd><a title="Fibre Channel vs. ISCSI" href="http://phpforms.net/tutorial/data-storage/fibre-channel-vs-iscsi.html">Fibre Channel vs. ISCSI</a></dd>
<dd><a title="IT virtualization" href="http://phpforms.net/tutorial/data-storage/it-virtualization.html">IT virtualization</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/visibility.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML URL Encoding  Reference</title>
		<link>http://phpforms.net/tutorial/html-basics/html-url-encoding-reference.html</link>
		<comments>http://phpforms.net/tutorial/html-basics/html-url-encoding-reference.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 09:53:57 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[HTML Basics]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3464</guid>
		<description><![CDATA[
URL encoding  converts characters into a format that can be safely transmitted over the  Internet.
URL - Uniform Resource Locator
Web browsers request pages  from web servers by using a URL.
The URL is the address of a  web page like: http://www.conkurent.com
URL Encoding
URLs can only be sent over  the Internet using the ASCII [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>URL encoding  converts characters into a format that can be safely transmitted over the  Internet.</dd>
<h2>URL - Uniform Resource Locator</h2>
<dd>Web browsers request pages  from web servers by using a URL.</dd>
<dd>The URL is the address of a  web page like: <a href="http://www.conkurent.com">http://www.conkurent.com</a></dd>
<h2>URL Encoding</h2>
<dd>URLs can only be sent over  the Internet using the ASCII character-set</dd>
<dd>Since URLs often contains  characters outside the ASCII set, the URL has to be converted. URL encoding  converts the URL into a valid ASCII format.</dd>
<dd>URL encoding replaces  unsafe ASCII characters with "%" followed by two hexadecimal digits  corresponding to the character values in the ISO-8859-1 character-set.</dd>
<dd>URLs cannot contain spaces.  URL encoding normally replaces a space with a + sign.</dd>
<h2>Try It Yourself</h2>
<dd>If you click the  "Submit" button below, the browser will URL encode the input before  it is sent to the server. A page at the server will display the received input.</dd>
<dd>
<form action="http://www.w3schools.com/tags/html_form_submit.asp" method="get">
<input name="text" size="30" type="text" value="Hello Simon" />
<input type="submit" value="Submit" /> </form>
</dd>
<dd>Try some other input and  click Submit again.</dd>
<h2>URL Encoding Functions</h2>
<dd>In JavaScript, PHP, and ASP  there are functions that can be used to URL encode a string.</dd>
<dd>In JavaScript you can use  the encodeURI() function. PHP has the rawurlencode() function and ASP has the  Server.URLEncode() function.</dd>
<dd>Click the "URL  Encode" button to see how the JavaScript function encodes the text.</dd>
<dd>
<form action="http://www.w3schools.com/tags/html_form_submit.asp" method="get">
<input name="text" size="30" type="text" value="Hello Simon" /> </form>
</dd>
<dd><strong>Note: </strong>The JavaScript function encodes  space as %20.</dd>
<h2>URL Encoding  Reference</h2>
<dd>
<table class="features" border="0" cellspacing="0" cellpadding="0" width="100%" align="CENTER">
<tbody>
<tr>
<td><strong>ASCII Character</strong></td>
<td><strong>URL-encoding</strong></td>
</tr>
<tr>
<td>space</td>
<td>%20</td>
</tr>
<tr>
<td>!</td>
<td>%21</td>
</tr>
<tr>
<td>"</td>
<td>%22</td>
</tr>
<tr>
<td>#</td>
<td>%23</td>
</tr>
<tr>
<td>$</td>
<td>%24</td>
</tr>
<tr>
<td>%</td>
<td>%25</td>
</tr>
<tr>
<td>&amp;</td>
<td>%26</td>
</tr>
<tr>
<td>'</td>
<td>%27</td>
</tr>
<tr>
<td>(</td>
<td>%28</td>
</tr>
<tr>
<td>)</td>
<td>%29</td>
</tr>
<tr>
<td>*</td>
<td>%2A</td>
</tr>
<tr>
<td>+</td>
<td>%2B</td>
</tr>
<tr>
<td>,</td>
<td>%2C</td>
</tr>
<tr>
<td>-</td>
<td>%2D</td>
</tr>
<tr>
<td>.</td>
<td>%2E</td>
</tr>
<tr>
<td>/</td>
<td>%2F</td>
</tr>
<tr>
<td>0</td>
<td>%30</td>
</tr>
<tr>
<td>1</td>
<td>%31</td>
</tr>
<tr>
<td>2</td>
<td>%32</td>
</tr>
<tr>
<td>3</td>
<td>%33</td>
</tr>
<tr>
<td>4</td>
<td>%34</td>
</tr>
<tr>
<td>5</td>
<td>%35</td>
</tr>
<tr>
<td>6</td>
<td>%36</td>
</tr>
<tr>
<td>7</td>
<td>%37</td>
</tr>
<tr>
<td>8</td>
<td>%38</td>
</tr>
<tr>
<td>9</td>
<td>%39</td>
</tr>
<tr>
<td>:</td>
<td>%3A</td>
</tr>
<tr>
<td>;</td>
<td>%3B</td>
</tr>
<tr>
<td>&lt;</td>
<td>%3C</td>
</tr>
<tr>
<td>=</td>
<td>%3D</td>
</tr>
<tr>
<td>&gt;</td>
<td>%3E</td>
</tr>
<tr>
<td>?</td>
<td>%3F</td>
</tr>
<tr>
<td>@</td>
<td>%40</td>
</tr>
<tr>
<td>A</td>
<td>%41</td>
</tr>
<tr>
<td>B</td>
<td>%42</td>
</tr>
<tr>
<td>C</td>
<td>%43</td>
</tr>
<tr>
<td>D</td>
<td>%44</td>
</tr>
<tr>
<td>E</td>
<td>%45</td>
</tr>
<tr>
<td>F</td>
<td>%46</td>
</tr>
<tr>
<td>G</td>
<td>%47</td>
</tr>
<tr>
<td>H</td>
<td>%48</td>
</tr>
<tr>
<td>I</td>
<td>%49</td>
</tr>
<tr>
<td>J</td>
<td>%4A</td>
</tr>
<tr>
<td>K</td>
<td>%4B</td>
</tr>
<tr>
<td>L</td>
<td>%4C</td>
</tr>
<tr>
<td>M</td>
<td>%4D</td>
</tr>
<tr>
<td>N</td>
<td>%4E</td>
</tr>
<tr>
<td>O</td>
<td>%4F</td>
</tr>
<tr>
<td>P</td>
<td>%50</td>
</tr>
<tr>
<td>Q</td>
<td>%51</td>
</tr>
<tr>
<td>R</td>
<td>%52</td>
</tr>
<tr>
<td>S</td>
<td>%53</td>
</tr>
<tr>
<td>T</td>
<td>%54</td>
</tr>
<tr>
<td>U</td>
<td>%55</td>
</tr>
<tr>
<td>V</td>
<td>%56</td>
</tr>
<tr>
<td>W</td>
<td>%57</td>
</tr>
<tr>
<td>X</td>
<td>%58</td>
</tr>
<tr>
<td>Y</td>
<td>%59</td>
</tr>
<tr>
<td>Z</td>
<td>%5A</td>
</tr>
<tr>
<td>[</td>
<td>%5B</td>
</tr>
<tr>
<td>\</td>
<td>%5C</td>
</tr>
<tr>
<td>]</td>
<td>%5D</td>
</tr>
<tr>
<td>^</td>
<td>%5E</td>
</tr>
<tr>
<td>_</td>
<td>%5F</td>
</tr>
<tr>
<td>`</td>
<td>%60</td>
</tr>
<tr>
<td>a</td>
<td>%61</td>
</tr>
<tr>
<td>b</td>
<td>%62</td>
</tr>
<tr>
<td>c</td>
<td>%63</td>
</tr>
<tr>
<td>d</td>
<td>%64</td>
</tr>
<tr>
<td>e</td>
<td>%65</td>
</tr>
<tr>
<td>f</td>
<td>%66</td>
</tr>
<tr>
<td>g</td>
<td>%67</td>
</tr>
<tr>
<td>h</td>
<td>%68</td>
</tr>
<tr>
<td>i</td>
<td>%69</td>
</tr>
<tr>
<td>j</td>
<td>%6A</td>
</tr>
<tr>
<td>k</td>
<td>%6B</td>
</tr>
<tr>
<td>l</td>
<td>%6C</td>
</tr>
<tr>
<td>m</td>
<td>%6D</td>
</tr>
<tr>
<td>n</td>
<td>%6E</td>
</tr>
<tr>
<td>o</td>
<td>%6F</td>
</tr>
<tr>
<td>p</td>
<td>%70</td>
</tr>
<tr>
<td>q</td>
<td>%71</td>
</tr>
<tr>
<td>r</td>
<td>%72</td>
</tr>
<tr>
<td>s</td>
<td>%73</td>
</tr>
<tr>
<td>t</td>
<td>%74</td>
</tr>
<tr>
<td>u</td>
<td>%75</td>
</tr>
<tr>
<td>v</td>
<td>%76</td>
</tr>
<tr>
<td>w</td>
<td>%77</td>
</tr>
<tr>
<td>x</td>
<td>%78</td>
</tr>
<tr>
<td>y</td>
<td>%79</td>
</tr>
<tr>
<td>z</td>
<td>%7A</td>
</tr>
<tr>
<td>{</td>
<td>%7B</td>
</tr>
<tr>
<td>|</td>
<td>%7C</td>
</tr>
<tr>
<td>}</td>
<td>%7D</td>
</tr>
<tr>
<td>~</td>
<td>%7E</td>
</tr>
<tr>
<td></td>
<td>%7F</td>
</tr>
<tr>
<td>€</td>
<td>%80</td>
</tr>
<tr>
<td></td>
<td>%81</td>
</tr>
<tr>
<td>‚</td>
<td>%82</td>
</tr>
<tr>
<td>ƒ</td>
<td>%83</td>
</tr>
<tr>
<td>„</td>
<td>%84</td>
</tr>
<tr>
<td>…</td>
<td>%85</td>
</tr>
<tr>
<td>†</td>
<td>%86</td>
</tr>
<tr>
<td>‡</td>
<td>%87</td>
</tr>
<tr>
<td>ˆ</td>
<td>%88</td>
</tr>
<tr>
<td>‰</td>
<td>%89</td>
</tr>
<tr>
<td>Š</td>
<td>%8A</td>
</tr>
<tr>
<td>‹</td>
<td>%8B</td>
</tr>
<tr>
<td>Œ</td>
<td>%8C</td>
</tr>
<tr>
<td></td>
<td>%8D</td>
</tr>
<tr>
<td>Ž</td>
<td>%8E</td>
</tr>
<tr>
<td></td>
<td>%8F</td>
</tr>
<tr>
<td></td>
<td>%90</td>
</tr>
<tr>
<td>‘</td>
<td>%91</td>
</tr>
<tr>
<td>’</td>
<td>%92</td>
</tr>
<tr>
<td>“</td>
<td>%93</td>
</tr>
<tr>
<td>”</td>
<td>%94</td>
</tr>
<tr>
<td>•</td>
<td>%95</td>
</tr>
<tr>
<td>–</td>
<td>%96</td>
</tr>
<tr>
<td>—</td>
<td>%97</td>
</tr>
<tr>
<td>˜</td>
<td>%98</td>
</tr>
<tr>
<td>™</td>
<td>%99</td>
</tr>
<tr>
<td>š</td>
<td>%9A</td>
</tr>
<tr>
<td>›</td>
<td>%9B</td>
</tr>
<tr>
<td>œ</td>
<td>%9C</td>
</tr>
<tr>
<td></td>
<td>%9D</td>
</tr>
<tr>
<td>ž</td>
<td>%9E</td>
</tr>
<tr>
<td>Ÿ</td>
<td>%9F</td>
</tr>
<tr>
<td></td>
<td>%A0</td>
</tr>
<tr>
<td>¡</td>
<td>%A1</td>
</tr>
<tr>
<td>¢</td>
<td>%A2</td>
</tr>
<tr>
<td>£</td>
<td>%A3</td>
</tr>
<tr>
<td></td>
<td>%A4</td>
</tr>
<tr>
<td>¥</td>
<td>%A5</td>
</tr>
<tr>
<td>|</td>
<td>%A6</td>
</tr>
<tr>
<td>§</td>
<td>%A7</td>
</tr>
<tr>
<td>¨</td>
<td>%A8</td>
</tr>
<tr>
<td>©</td>
<td>%A9</td>
</tr>
<tr>
<td>ª</td>
<td>%AA</td>
</tr>
<tr>
<td>«</td>
<td>%AB</td>
</tr>
<tr>
<td>¬</td>
<td>%AC</td>
</tr>
<tr>
<td>¯</td>
<td>%AD</td>
</tr>
<tr>
<td>®</td>
<td>%AE</td>
</tr>
<tr>
<td>¯</td>
<td>%AF</td>
</tr>
<tr>
<td>°</td>
<td>%B0</td>
</tr>
<tr>
<td>±</td>
<td>%B1</td>
</tr>
<tr>
<td>²</td>
<td>%B2</td>
</tr>
<tr>
<td>³</td>
<td>%B3</td>
</tr>
<tr>
<td>´</td>
<td>%B4</td>
</tr>
<tr>
<td>µ</td>
<td>%B5</td>
</tr>
<tr>
<td>¶</td>
<td>%B6</td>
</tr>
<tr>
<td>·</td>
<td>%B7</td>
</tr>
<tr>
<td>¸</td>
<td>%B8</td>
</tr>
<tr>
<td>¹</td>
<td>%B9</td>
</tr>
<tr>
<td>º</td>
<td>%BA</td>
</tr>
<tr>
<td>»</td>
<td>%BB</td>
</tr>
<tr>
<td>¼</td>
<td>%BC</td>
</tr>
<tr>
<td>½</td>
<td>%BD</td>
</tr>
<tr>
<td>¾</td>
<td>%BE</td>
</tr>
<tr>
<td>¿</td>
<td>%BF</td>
</tr>
<tr>
<td>À</td>
<td>%C0</td>
</tr>
<tr>
<td>Á</td>
<td>%C1</td>
</tr>
<tr>
<td>Â</td>
<td>%C2</td>
</tr>
<tr>
<td>Ã</td>
<td>%C3</td>
</tr>
<tr>
<td>Ä</td>
<td>%C4</td>
</tr>
<tr>
<td>Å</td>
<td>%C5</td>
</tr>
<tr>
<td>Æ</td>
<td>%C6</td>
</tr>
<tr>
<td>Ç</td>
<td>%C7</td>
</tr>
<tr>
<td>È</td>
<td>%C8</td>
</tr>
<tr>
<td>É</td>
<td>%C9</td>
</tr>
<tr>
<td>Ê</td>
<td>%CA</td>
</tr>
<tr>
<td>Ë</td>
<td>%CB</td>
</tr>
<tr>
<td>Ì</td>
<td>%CC</td>
</tr>
<tr>
<td>Í</td>
<td>%CD</td>
</tr>
<tr>
<td>Î</td>
<td>%CE</td>
</tr>
<tr>
<td>Ï</td>
<td>%CF</td>
</tr>
<tr>
<td>Ð</td>
<td>%D0</td>
</tr>
<tr>
<td>Ñ</td>
<td>%D1</td>
</tr>
<tr>
<td>Ò</td>
<td>%D2</td>
</tr>
<tr>
<td>Ó</td>
<td>%D3</td>
</tr>
<tr>
<td>Ô</td>
<td>%D4</td>
</tr>
<tr>
<td>Õ</td>
<td>%D5</td>
</tr>
<tr>
<td>Ö</td>
<td>%D6</td>
</tr>
<tr>
<td></td>
<td>%D7</td>
</tr>
<tr>
<td>Ø</td>
<td>%D8</td>
</tr>
<tr>
<td>Ù</td>
<td>%D9</td>
</tr>
<tr>
<td>Ú</td>
<td>%DA</td>
</tr>
<tr>
<td>Û</td>
<td>%DB</td>
</tr>
<tr>
<td>Ü</td>
<td>%DC</td>
</tr>
<tr>
<td>Ý</td>
<td>%DD</td>
</tr>
<tr>
<td>Þ</td>
<td>%DE</td>
</tr>
<tr>
<td>ß</td>
<td>%DF</td>
</tr>
<tr>
<td>à</td>
<td>%E0</td>
</tr>
<tr>
<td>á</td>
<td>%E1</td>
</tr>
<tr>
<td>â</td>
<td>%E2</td>
</tr>
<tr>
<td>ã</td>
<td>%E3</td>
</tr>
<tr>
<td>ä</td>
<td>%E4</td>
</tr>
<tr>
<td>å</td>
<td>%E5</td>
</tr>
<tr>
<td>æ</td>
<td>%E6</td>
</tr>
<tr>
<td>ç</td>
<td>%E7</td>
</tr>
<tr>
<td>è</td>
<td>%E8</td>
</tr>
<tr>
<td>é</td>
<td>%E9</td>
</tr>
<tr>
<td>ê</td>
<td>%EA</td>
</tr>
<tr>
<td>ë</td>
<td>%EB</td>
</tr>
<tr>
<td>ì</td>
<td>%EC</td>
</tr>
<tr>
<td>í</td>
<td>%ED</td>
</tr>
<tr>
<td>î</td>
<td>%EE</td>
</tr>
<tr>
<td>ï</td>
<td>%EF</td>
</tr>
<tr>
<td>ð</td>
<td>%F0</td>
</tr>
<tr>
<td>ñ</td>
<td>%F1</td>
</tr>
<tr>
<td>ò</td>
<td>%F2</td>
</tr>
<tr>
<td>ó</td>
<td>%F3</td>
</tr>
<tr>
<td>ô</td>
<td>%F4</td>
</tr>
<tr>
<td>õ</td>
<td>%F5</td>
</tr>
<tr>
<td>ö</td>
<td>%F6</td>
</tr>
<tr>
<td>÷</td>
<td>%F7</td>
</tr>
<tr>
<td>ø</td>
<td>%F8</td>
</tr>
<tr>
<td>ù</td>
<td>%F9</td>
</tr>
<tr>
<td>ú</td>
<td>%FA</td>
</tr>
<tr>
<td>û</td>
<td>%FB</td>
</tr>
<tr>
<td>ü</td>
<td>%FC</td>
</tr>
<tr>
<td>ý</td>
<td>%FD</td>
</tr>
<tr>
<td>þ</td>
<td>%FE</td>
</tr>
<tr>
<td>ÿ</td>
<td>%FF</td>
</tr>
</tbody>
</table>
</dd>
<h2>URL Encoding  Reference</h2>
<dd>The ASCII device control  characters %00-%1f were originally designed to control hardware devices. Control  characters have nothing to do inside a URL.</dd>
<dd>
<table class="features" border="0" cellspacing="0" cellpadding="0" width="100%" align="CENTER">
<tbody>
<tr>
<td><strong>ASCII Character</strong></td>
<td><strong>Description</strong></td>
<td><strong>URL-encoding</strong></td>
</tr>
<tr>
<td>NUL</td>
<td>null character</td>
<td>%00</td>
</tr>
<tr>
<td>SOH</td>
<td>start of header</td>
<td>%01</td>
</tr>
<tr>
<td>STX</td>
<td>start of text</td>
<td>%02</td>
</tr>
<tr>
<td>ETX</td>
<td>end of text</td>
<td>%03</td>
</tr>
<tr>
<td>EOT</td>
<td>end of transmission</td>
<td>%04</td>
</tr>
<tr>
<td>ENQ</td>
<td>enquiry</td>
<td>%05</td>
</tr>
<tr>
<td>ACK</td>
<td>acknowledge</td>
<td>%06</td>
</tr>
<tr>
<td>BEL</td>
<td>bell (ring)</td>
<td>%07</td>
</tr>
<tr>
<td>BS</td>
<td>backspace</td>
<td>%08</td>
</tr>
<tr>
<td>HT</td>
<td>horizontal tab</td>
<td>%09</td>
</tr>
<tr>
<td>LF</td>
<td>line feed</td>
<td>%0A</td>
</tr>
<tr>
<td>VT</td>
<td>vertical tab</td>
<td>%0B</td>
</tr>
<tr>
<td>FF</td>
<td>form feed</td>
<td>%0C</td>
</tr>
<tr>
<td>CR</td>
<td>carriage return</td>
<td>%0D</td>
</tr>
<tr>
<td>SO</td>
<td>shift out</td>
<td>%0E</td>
</tr>
<tr>
<td>SI</td>
<td>shift in</td>
<td>%0F</td>
</tr>
<tr>
<td>DLE</td>
<td>data link escape</td>
<td>%10</td>
</tr>
<tr>
<td>DC1</td>
<td>device control 1</td>
<td>%11</td>
</tr>
<tr>
<td>DC2</td>
<td>device control 2</td>
<td>%12</td>
</tr>
<tr>
<td>DC3</td>
<td>device control 3</td>
<td>%13</td>
</tr>
<tr>
<td>DC4</td>
<td>device control 4</td>
<td>%14</td>
</tr>
<tr>
<td>NAK</td>
<td>negative acknowledge</td>
<td>%15</td>
</tr>
<tr>
<td>SYN</td>
<td>synchronize</td>
<td>%16</td>
</tr>
<tr>
<td>ETB</td>
<td>end transmission block</td>
<td>%17</td>
</tr>
<tr>
<td>CAN</td>
<td>cancel</td>
<td>%18</td>
</tr>
<tr>
<td>EM</td>
<td>end of medium</td>
<td>%19</td>
</tr>
<tr>
<td>SUB</td>
<td>substitute</td>
<td>%1A</td>
</tr>
<tr>
<td>ESC</td>
<td>escape</td>
<td>%1B</td>
</tr>
<tr>
<td>FS</td>
<td>file separator</td>
<td>%1C</td>
</tr>
<tr>
<td>GS</td>
<td>group separator</td>
<td>%1D</td>
</tr>
<tr>
<td>RS</td>
<td>record separator</td>
<td>%1E</td>
</tr>
<tr>
<td>US</td>
<td>unit separator</td>
<td>%1F</td>
</tr>
</tbody>
</table>
</dd>
<dd><a title="Application Virtualization Client" href="http://phpforms.net/tutorial/data-storage/application-virtualization-client.html">Application Virtualization Client</a></dd>
<dd><a title="Data Center Virtualization" href="http://phpforms.net/tutorial/data-storage/data-center-virtualization.html">Data Center Virtualization</a></dd>
<dd><a title="Desktop virtualization" href="http://phpforms.net/tutorial/data-storage/desktop-virtualization.html">Desktop virtualization</a></dd>
<dd><a title="Fibre Channel vs. ISCSI" href="http://phpforms.net/tutorial/data-storage/fibre-channel-vs-iscsi.html">Fibre Channel vs. ISCSI</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/html-basics/html-url-encoding-reference.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>vertical-align</title>
		<link>http://phpforms.net/tutorial/css-reference/vertical-align.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/vertical-align.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 09:50:51 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3469</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Partially
Partially
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS1


Default value 
baseline


Inherited
No


Applied
To built-in elements and table cells


HTML analog
&#60;caption &#124; col &#124; colgroup &#124; tbody &#124; tfoot &#124; thead &#124; th &#124; td &#124; tr valign&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align



Description
It aligns an element on a vertical concerning the parent or the surrounding text.
Syntax

vertical-align: baseline &#124; bottom &#124; middle &#124; sub &#124; super &#124; text-bottom [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Partially</span></td>
<td class="yes"><span style="font-size: x-small;">Partially</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS1</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">baseline</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To built-in elements and table cells</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">&lt;caption | col | colgroup | tbody | tfoot | thead | th | td | tr valign&gt;</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align">http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
It aligns an element on a vertical concerning the parent or the surrounding text.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">vertical-align</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">baseline</span> | <span style="color: #000000; font-weight: bold;">bottom</span> | <span style="color: #993333;">middle</span> | sub | <span style="color: #993333;">super</span> | text-<span style="color: #000000; font-weight: bold;">bottom</span> | text-<span style="color: #000000; font-weight: bold;">top</span> | <span style="color: #000000; font-weight: bold;">top</span> | value | percent</pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
baseline<br />
It aligns a base line of a current element on a parent base line. If the parental element has no base line, the bottom border of an element is accepted instead of it.<br />
bottom<br />
It aligns the basis of a current element by the bottom part of a line element located below of all.<br />
middle<br />
It aligns an average element point on a base line of the parent plus a half of height of a parental element.<br />
sub<br />
The element is indicated as interlinear one in the form of the bottom index. The font size thus does not vary.<br />
super<br />
The element is indicated as superior in the form of the top index. The font size remains former.<br />
text-bottom<br />
The bottom border of an element is aligned on the lowermost border of the current line.<br />
text-top<br />
The top border of an element is aligned on the highest text element of the current line.<br />
top<br />
It aligns an upper border of an element on the highest element top of a line.<br />
It is possible to use as value percent, percent or other accessible units. The positive argument displaces an element upwards concerning a base line while negative value lowers it downwards. Not all browsers support such way of record, in particular Internet Explorer supports it only from the sixth version.</p>
<p><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&lt;div style<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;font-family: Times, serif; font-size: 200%;&quot;</span><span style="color: #00AA00;">&gt;</span>
  T&lt;span style<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;vertical-align: sub;&quot;</span><span style="color: #00AA00;">&gt;</span>E&lt;/span<span style="color: #00AA00;">&gt;</span>X and L&lt;span style<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;vertical-align: 5px; font-size: 80%;&quot;</span><span style="color: #00AA00;">&gt;</span>A&lt;/span<span style="color: #00AA00;">&gt;</span>T&lt;span style<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;vertical-align: sub;&quot;</span><span style="color: #00AA00;">&gt;</span>E&lt;/span<span style="color: #00AA00;">&gt;</span>X&lt;/div<span style="color: #00AA00;">&gt;</span></pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 1</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/vertical-align.jpg"><img class="aligncenter size-full wp-image-3470" title="vertical-align" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/vertical-align.jpg" alt="" width="343" height="349" /></a></p>
<div style="font-size: 1.5em;"><strong>Object model</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.verticalAlign</pre></div></div>

<dd><a title="Server Virtualization" href="http://phpforms.net/tutorial/data-storage/server-virtualization.html">Server Virtualization</a></dd>
<dd><a title="Server Virtualization Benefits" href="http://phpforms.net/tutorial/data-storage/server-virtualization-benefits.html">Server Virtualization Benefits</a></dd>
<dd><a title="Storage Virtualization" href="http://phpforms.net/tutorial/data-storage/storage-virtualization.html">Storage Virtualization</a></dd>
<dd><a title="Virtualizaion" href="http://phpforms.net/tutorial/data-storage/virtualizaion.html">Virtualizaion</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/vertical-align.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>unicode-bidi</title>
		<link>http://phpforms.net/tutorial/css-reference/unicode-bidi.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/unicode-bidi.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 09:40:26 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3458</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
No
No
Yes
Yes
Yes
Yes



Short information



CSS
CSS2


Default value 
normal


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi



Description
Text reading occurs from left to right in the European languages. Also there are languages where the text is read from right to left. At mixture of different symbols in one document (Russian with a Hebrew, for example) in system Unicode, their direction is [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">No</span></td>
<td class="yes"><span style="font-size: x-small;">No</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS2</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">normal</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all elements </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi">http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
Text reading occurs from left to right in the European languages. Also there are languages where the text is read from right to left. At mixture of different symbols in one document (Russian with a Hebrew, for example) in system Unicode, their direction is defined by a browser from characteristics and the contained text. Attributes unicode-bidi and direction specify the text of used language layout.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">unicode-bidi</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">normal</span> | <span style="color: #993333;">embed</span> | <span style="color: #993333;">bidi-override</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Values</strong><br />
normal<br />
The browser defines independently how it should display the text on the basis of Unicode symbols.<br />
embed<br />
It redefines text parameters locating it according to the attribute direction.<br />
bidi-override<br />
It is similar to embed but thus the order of symbols in the text also varies submitting to the value direction.</p>
<p><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
  DIV<span style="color: #6666ff;">.rtl</span> P <span style="color: #00AA00;">&#123;</span>
   <span style="color: #000000; font-weight: bold;">unicode-bidi</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">bidi-override</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Characteristics of the text are changed */</span>
   <span style="color: #000000; font-weight: bold;">direction</span><span style="color: #00AA00;">:</span> rtl<span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text is written right to left */</span> 
  <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;rtl&quot;</span><span style="color: #00AA00;">&gt;</span>
&nbsp;
Example
&nbsp;
Text
&nbsp;
unicode-bidi&lt;/div<span style="color: #00AA00;">&gt;</span></pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 1. The value "bidi-override" is set for the attribute  "unicode-bidi"; that's why the symbol order in the text is substituted to the opposite one (specified by the attribute "direction". Pay attention that the text is placed in the right window part and is read right to left like in Arabic language.</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/unicode-bidi.jpg"><img class="aligncenter size-full wp-image-3465" title="unicode-bidi" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/unicode-bidi.jpg" alt="" width="343" height="349" /></a></p>
<dd><a title="Network Virtualization" href="http://phpforms.net/tutorial/data-storage/network-virtualization.html">Network Virtualization</a></dd>
<dd><a title="Server Virtualization" href="http://phpforms.net/tutorial/data-storage/server-virtualization.html">Server Virtualization</a></dd>
<dd><a title="Server Virtualization Benefits" href="http://phpforms.net/tutorial/data-storage/server-virtualization-benefits.html">Server Virtualization Benefits</a></dd>
<dd><a title="Storage Virtualization" href="http://phpforms.net/tutorial/data-storage/storage-virtualization.html">Storage Virtualization</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/unicode-bidi.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTTP Status Messages</title>
		<link>http://phpforms.net/tutorial/html-basics/http-status-messages.html</link>
		<comments>http://phpforms.net/tutorial/html-basics/http-status-messages.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 09:34:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[HTML Basics]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3460</guid>
		<description><![CDATA[
When a browser  requests a service from a web server, an error might occur.
  This is a list  of HTTP status messages that might be returned:

1xx: Information



      Message:
Description:


100 Continue
Only a    part of the request has been received by the server, but as long as [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>When a browser  requests a service from a web server, an error might occur.<br />
  This is a list  of HTTP status messages that might be returned:
<dd>
<dd><strong>1xx: Information</strong></dd>
<dd><TABLE font-size="1.1em" WIDTH="100%"cellpadding="0" cellspacing="0" border="0" class="features"></p>
<tr>
<td width="40%">
      <strong>Message:</strong></td>
<td width="60%"><strong>Description:</strong></td>
</tr>
<tr>
<td>100 Continue</td>
<td>Only a    part of the request has been received by the server, but as long as it has    not been rejected, the client should continue with the request</td>
</tr>
<tr>
<td>101 Switching Protocols</td>
<td>The server switches protocol </td>
</tr>
</table>
</dd>
<p></p>
<dd><strong>2xx: Successful</strong></dd>
<dd><TABLE font-size="1.1em" WIDTH="100%"cellpadding="0" cellspacing="0" border="0" class="features"></p>
<tr>
<td width="40%">
      <strong>Message:</strong></td>
<td width="60%"><strong>Description:</strong></td>
</tr>
<tr>
<td>200 OK</td>
<td>The request is OK</td>
</tr>
<tr>
<td>201 Created</td>
<td>The    request is complete, and a new resource is created&nbsp; </td>
</tr>
<tr>
<td>202 Accepted</td>
<td>The    request is accepted for processing, but the processing is not complete </td>
</tr>
<tr>
<td>203 Non-authoritative Information</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>204 No Content</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>205 Reset Content</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>206 Partial Content</td>
<td>&nbsp;</td>
</tr>
</table>
</dd>
<p></p>
<dd><strong>3xx: Redirection</strong></dd>
<dd><TABLE font-size="1.1em" WIDTH="100%"cellpadding="0" cellspacing="0" border="0" class="features"></p>
<tr>
<td width="40%">
      <strong>Message:</strong></td>
<td width="60%"><strong>Description:</strong></td>
</tr>
<tr>
<td>300 Multiple Choices</td>
<td>A link    list. The user can select a link and go to that location. Maximum five    addresses &nbsp;</td>
</tr>
<tr>
<td>301 Moved Permanently</td>
<td>The    requested page has moved to a new url&nbsp; </td>
</tr>
<tr>
<td>302 Found</td>
<td>The    requested page has moved temporarily to a new url&nbsp; </td>
</tr>
<tr>
<td>303 See Other</td>
<td>The    requested page can be found under a different url&nbsp; </td>
</tr>
<tr>
<td>304 Not Modified</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>305 Use Proxy</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>306 <em>Unused</em></td>
<td>This code    was used in a previous version. It is no longer used, but the code is    reserved </td>
</tr>
<tr>
<td>307 Temporary Redirect</td>
<td>The    requested page has moved temporarily to a new url </td>
</tr>
</table>
</dd>
<p></p>
<dd><strong>4xx: Client Error</strong></dd>
<dd><TABLE font-size="1.1em" WIDTH="100%"cellpadding="0" cellspacing="0" border="0" class="features"></p>
<tr>
<td width="40%">
      <strong>Message:</strong></td>
<td width="60%"><strong>Description:</strong></td>
</tr>
<tr>
<td>400&nbsp;Bad Request</td>
<td>The    server did not understand the request</td>
</tr>
<tr>
<td>401 Unauthorized</td>
<td>The    requested page needs a username and a password </td>
</tr>
<tr>
<td>402 Payment Required</td>
<td><em>You    can not use this code yet</em></td>
</tr>
<tr>
<td>403 Forbidden</td>
<td>Access is    forbidden to the requested page </td>
</tr>
<tr>
<td>404 Not Found</td>
<td>The    server can not find the requested page </td>
</tr>
<tr>
<td>405 Method Not Allowed</td>
<td>The    method specified in the request is not allowed </td>
</tr>
<tr>
<td>406 Not Acceptable</td>
<td>The    server can only generate a response that is not accepted by the client </td>
</tr>
<tr>
<td>407 Proxy Authentication Required</td>
<td>You must    authenticate with a proxy server before this request can be served </td>
</tr>
<tr>
<td>408 Request Timeout</td>
<td>The    request took longer than the server was prepared to wait </td>
</tr>
<tr>
<td>409 Conflict</td>
<td>The    request could not be completed because of a conflict </td>
</tr>
<tr>
<td>410 Gone</td>
<td>The    requested page is no longer available&nbsp; </td>
</tr>
<tr>
<td>411 Length Required</td>
<td>The    &quot;Content-Length&quot; is not defined. The server will not accept the    request without it&nbsp; </td>
</tr>
<tr>
<td>412 Precondition Failed</td>
<td>The    precondition given in the request evaluated to false by the server </td>
</tr>
<tr>
<td>413 Request Entity Too Large</td>
<td>The    server will not accept the request, because the request entity is too large </td>
</tr>
<tr>
<td>414 Request-url Too Long</td>
<td>The    server will not accept the request, because the url is too long. Occurs when    you convert a &quot;post&quot; request to a &quot;get&quot; request with a    long query information&nbsp; </td>
</tr>
<tr>
<td>415 Unsupported Media Type</td>
<td>The    server will not accept the request, because the media type is not    supported&nbsp; </td>
</tr>
<tr>
<td>416&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>417 Expectation Failed</td>
<td>&nbsp;</td>
</tr>
</table>
</dd>
<p></p>
<dd><strong>5xx: Server Error</strong></dd>
<dd><TABLE font-size="1.1em" WIDTH="100%"cellpadding="0" cellspacing="0" border="0" class="features"></p>
<tr>
<td width="40%">
      <strong>Message:</strong></td>
<td width="60%"><strong>Description:</strong></td>
</tr>
<tr>
<td>500&nbsp;Internal Server Error</td>
<td>The    request was not completed. The server met an unexpected condition</td>
</tr>
<tr>
<td>501 Not Implemented</td>
<td>The    request was not completed. The server did not support the functionality    required </td>
</tr>
<tr>
<td>502 Bad Gateway</td>
<td>The    request was not completed. The server received an invalid response from the    upstream server </td>
</tr>
<tr>
<td>503 Service Unavailable</td>
<td>The    request was not completed. The server is temporarily overloading or down </td>
</tr>
<tr>
<td>504 Gateway Timeout</td>
<td>The    gateway has timed out </td>
</tr>
<tr>
<td>505 HTTP Version Not Supported</td>
<td>The    server does not support the &quot;http protocol&quot; version </td>
</tr>
</table>
</dd>
<dd><a title="IT virtualization" href="http://phpforms.net/tutorial/data-storage/it-virtualization.html">IT virtualization</a></dd>
<dd><a title="Network Virtualization" href="http://phpforms.net/tutorial/data-storage/network-virtualization.html">Network Virtualization</a></dd>
<dd><a title="Server Virtualization" href="http://phpforms.net/tutorial/data-storage/server-virtualization.html">Server Virtualization</a></dd>
<dd><a title="Server Virtualization Benefits" href="http://phpforms.net/tutorial/data-storage/server-virtualization-benefits.html">Server Virtualization Benefits</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/html-basics/http-status-messages.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>top</title>
		<link>http://phpforms.net/tutorial/css-reference/top.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/top.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 09:26:04 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3450</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS2


Default value 
auto


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-top




Description
This parameter defines distance from a top border of a parental element to a top border of an affiliated element not including a space, a field and width of a framework (fig. 1). Readout of coordinates depends on parameter position value. If its argument [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS2</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">auto</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-top">http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-top</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
This parameter defines distance from a top border of a parental element to a top border of an affiliated element not including a space, a field and width of a framework (fig. 1). Readout of coordinates depends on parameter position value. If its argument is equal absolute, in this case the parent is the browser window and an element position is defined from top border. In case of value relative, the argument top is counted from a top border of an element starting position.</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/top1.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/top1.jpg" alt="" title="top1" width="420" height="284" class="aligncenter size-full wp-image-3452" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span> value | percent | <span style="color: #993333;">auto</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
Any units of length accepted in CSS are applied as values, for example pixels (px), inches (in), points (pt), etc. Value of parameter top can be negative. In this case superpositions of different elements against each other are possible. If you specify the value in percent, the element position will be calculated depending on parental element height. The argument auto does not change the element position.<br />
<br />
<strong>Example</strong>
</div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>top&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #cc00cc;">#menu</span> <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">absolute</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Absolute positioning */</span>
    <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">300px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Distance from the left edge */</span>
    <span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">50px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Distance from the top edge */</span>
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">120px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Block width */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#e0e0e0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#000</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame parameters */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Fields around the text */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #cc00cc;">#content</span> <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">absolute</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Absolute positioning */</span>
    <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Distance from the left edge */</span>
    <span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Distance from the top edge */</span>
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">280px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Block width */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#800000</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">white</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text color */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Fields around the text  */</span>
    <span style="color: #000000; font-weight: bold;">padding-right</span><span style="color: #00AA00;">:</span> <span style="color: #933;">60px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Right indent */</span>
    <span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">justify</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Width alignment */</span> 
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;content&quot;</span><span style="color: #00AA00;">&gt;</span>
   Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed 
   diem nonummy nibh euismod tincidunt ut lacreet dolore magna 
   aliguam erat volutpat. Ut wisis enim ad minim veniam<span style="color: #00AA00;">,</span> quis 
   nostrud exerci tution ullamcorper suscipit lobortis nisl ut
   aliquip ex ea commodo consequat. Duis te feugifacilisi.
  &lt;/div<span style="color: #00AA00;">&gt;</span>
  &lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;menu&quot;</span><span style="color: #00AA00;">&gt;</span>
   Ut wisi enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci taion 
   ullamcorper suscipit lobortis nisl ut aliquip ex en 
   commodo consequat. 
  &lt;/div<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 2</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/top2.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/top2.jpg" alt="" title="top2" width="482" height="389" class="aligncenter size-full wp-image-3455" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.<span style="color: #000000; font-weight: bold;">top</span></pre></div></div>

<dd><a title="Fibre Channel vs. ISCSI" href="http://phpforms.net/tutorial/data-storage/fibre-channel-vs-iscsi.html">Fibre Channel vs. ISCSI</a></dd>
<dd><a title="IT virtualization" href="http://phpforms.net/tutorial/data-storage/it-virtualization.html">IT virtualization</a></dd>
<dd><a title="Network Virtualization" href="http://phpforms.net/tutorial/data-storage/network-virtualization.html">Network Virtualization</a></dd>
<dd><a title="Server Virtualization" href="http://phpforms.net/tutorial/data-storage/server-virtualization.html">Server Virtualization</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/top.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ISO Language Codes</title>
		<link>http://phpforms.net/tutorial/html-basics/iso-language-codes.html</link>
		<comments>http://phpforms.net/tutorial/html-basics/iso-language-codes.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 09:17:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[HTML Basics]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3451</guid>
		<description><![CDATA[
The HTML lang attribute can  be used to declare the language of a Web page or a portion of a Web page. This  is meant to assist search engines and browsers.
According to the W3C  recommendation you should declare the primary language for each Web page with  the lang attribute inside the [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>The HTML lang attribute can  be used to declare the language of a Web page or a portion of a Web page. This  is meant to assist search engines and browsers.</dd>
<dd>According to the W3C  recommendation you should declare the primary language for each Web page with  the lang attribute inside the &lt;html&gt; tag, like this:</dd>
<dd>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
</pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">html</span> <span style="color: #000066;">lang</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;en&quot;</span>&gt;</span>
...
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">html</span>&gt;</span></pre></td></tr></table></div>

</dd>
<dd>In XHTML, the language is  declared inside the &lt;html&gt; tag as follows:</dd>
<dd>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
</pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">html</span> xmlns<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://www.w3.org/1999/xhtml&quot;</span> <span style="color: #000066;">lang</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;en&quot;</span> xml:<span style="color: #000066;">lang</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;en&quot;</span>&gt;</span>
...
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">html</span>&gt;</span></pre></td></tr></table></div>

</dd>
<h2>ISO 639-1  Language Codes</h2>
<dd>ISO 639-1 defines  abbreviations for languages. In HTML and XHTML they can be used in the lang and  xml:lang attributes.</dd>
<dd><TABLE ALIGN="CENTER" font-size="1.1em" WIDTH="100%"cellpadding="0" cellspacing="0" border="0" class="features"></p>
<tr>
<td><strong>Language</strong></td>
<td><strong>ISO Code</strong></td>
</tr>
<tr>
<td>Abkhazian</td>
<td>ab</td>
</tr>
<tr>
<td>Afar</td>
<td>aa</td>
</tr>
<tr>
<td>Afrikaans</td>
<td>af</td>
</tr>
<tr>
<td>Albanian</td>
<td>sq</td>
</tr>
<tr>
<td>Amharic</td>
<td>am</td>
</tr>
<tr>
<td>Arabic</td>
<td>ar</td>
</tr>
<tr>
<td>Armenian</td>
<td>hy</td>
</tr>
<tr>
<td>Assamese</td>
<td>as</td>
</tr>
<tr>
<td>Aymara</td>
<td>ay</td>
</tr>
<tr>
<td>Azerbaijani</td>
<td>az</td>
</tr>
<tr>
<td>Bashkir</td>
<td>ba</td>
</tr>
<tr>
<td>Basque</td>
<td>eu</td>
</tr>
<tr>
<td>Bengali (Bangla)</td>
<td>bn</td>
</tr>
<tr>
<td>Bhutani</td>
<td>dz</td>
</tr>
<tr>
<td>Bihari</td>
<td>bh</td>
</tr>
<tr>
<td>Bislama</td>
<td>bi</td>
</tr>
<tr>
<td>Breton</td>
<td>br</td>
</tr>
<tr>
<td>Bulgarian</td>
<td>bg</td>
</tr>
<tr>
<td>Burmese</td>
<td>my</td>
</tr>
<tr>
<td>Byelorussian (Belarusian)</td>
<td>be</td>
</tr>
<tr>
<td>Cambodian</td>
<td>km</td>
</tr>
<tr>
<td>Catalan</td>
<td>ca</td>
</tr>
<tr>
<td>Cherokee</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>Chewa</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>Chinese (Simplified)</td>
<td>zh</td>
</tr>
<tr>
<td>Chinese (Traditional)</td>
<td>zh</td>
</tr>
<tr>
<td>Corsican</td>
<td>co</td>
</tr>
<tr>
<td>Croatian</td>
<td>hr</td>
</tr>
<tr>
<td>Czech</td>
<td>cs</td>
</tr>
<tr>
<td>Danish</td>
<td>da</td>
</tr>
<tr>
<td>Divehi</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>Dutch</td>
<td>nl</td>
</tr>
<tr>
<td>Edo</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>English</td>
<td>en</td>
</tr>
<tr>
<td>Esperanto</td>
<td>eo</td>
</tr>
<tr>
<td>Estonian</td>
<td>et</td>
</tr>
<tr>
<td>Faeroese</td>
<td>fo</td>
</tr>
<tr>
<td>Farsi</td>
<td>fa</td>
</tr>
<tr>
<td>Fiji</td>
<td>fj</td>
</tr>
<tr>
<td>Finnish</td>
<td>fi</td>
</tr>
<tr>
<td>Flemish</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>French</td>
<td>fr</td>
</tr>
<tr>
<td>Frisian</td>
<td>fy</td>
</tr>
<tr>
<td>Fulfulde</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>Galician</td>
<td>gl</td>
</tr>
<tr>
<td>Gaelic (Scottish)</td>
<td>gd</td>
</tr>
<tr>
<td>Gaelic (Manx)</td>
<td>gv</td>
</tr>
<tr>
<td>Georgian</td>
<td>ka</td>
</tr>
<tr>
<td>German</td>
<td>de</td>
</tr>
<tr>
<td>Greek</td>
<td>el</td>
</tr>
<tr>
<td>Greenlandic</td>
<td>kl</td>
</tr>
<tr>
<td>Guarani</td>
<td>gn</td>
</tr>
<tr>
<td>Gujarati</td>
<td>gu</td>
</tr>
<tr>
<td>Hausa</td>
<td>ha</td>
</tr>
<tr>
<td>Hawaiian</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>Hebrew</td>
<td>he, iw</td>
</tr>
<tr>
<td>Hindi</td>
<td>hi</td>
</tr>
<tr>
<td>Hungarian</td>
<td>hu</td>
</tr>
<tr>
<td>Ibibio</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>Icelandic</td>
<td>is</td>
</tr>
<tr>
<td>Igbo</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>Indonesian</td>
<td>id, in</td>
</tr>
<tr>
<td>Interlingua</td>
<td>ia</td>
</tr>
<tr>
<td>Interlingue</td>
<td>ie</td>
</tr>
<tr>
<td>Inuktitut</td>
<td>iu</td>
</tr>
<tr>
<td>Inupiak</td>
<td>ik</td>
</tr>
<tr>
<td>Irish</td>
<td>ga</td>
</tr>
<tr>
<td>Italian</td>
<td>it</td>
</tr>
<tr>
<td>Japanese</td>
<td>ja</td>
</tr>
<tr>
<td>Javanese</td>
<td>jv</td>
</tr>
<tr>
<td>Kannada</td>
<td>kn</td>
</tr>
<tr>
<td>Kanuri</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>Kashmiri</td>
<td>ks</td>
</tr>
<tr>
<td>Kazakh</td>
<td>kk</td>
</tr>
<tr>
<td>Kinyarwanda (Ruanda)</td>
<td>rw</td>
</tr>
<tr>
<td>Kirghiz</td>
<td>ky</td>
</tr>
<tr>
<td>Kirundi (Rundi)</td>
<td>rn</td>
</tr>
<tr>
<td>Konkani</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>Korean</td>
<td>ko</td>
</tr>
<tr>
<td>Kurdish</td>
<td>ku</td>
</tr>
<tr>
<td>Laothian</td>
<td>lo</td>
</tr>
<tr>
<td>Latin</td>
<td>la</td>
</tr>
<tr>
<td>Latvian (Lettish)</td>
<td>lv</td>
</tr>
<tr>
<td>Limburgish ( Limburger)</td>
<td>li</td>
</tr>
<tr>
<td>Lingala</td>
<td>ln</td>
</tr>
<tr>
<td>Lithuanian</td>
<td>lt</td>
</tr>
<tr>
<td>Macedonian</td>
<td>mk</td>
</tr>
<tr>
<td>Malagasy</td>
<td>mg</td>
</tr>
<tr>
<td>Malay</td>
<td>ms</td>
</tr>
<tr>
<td>Malayalam</td>
<td>ml</td>
</tr>
<tr>
<td>Maltese</td>
<td>mt</td>
</tr>
<tr>
<td>Maori</td>
<td>mi</td>
</tr>
<tr>
<td>Marathi</td>
<td>mr</td>
</tr>
<tr>
<td>Moldavian</td>
<td>mo</td>
</tr>
<tr>
<td>Mongolian</td>
<td>mn</td>
</tr>
<tr>
<td>Nauru</td>
<td>na</td>
</tr>
<tr>
<td>Nepali</td>
<td>ne</td>
</tr>
<tr>
<td>Norwegian</td>
<td>no</td>
</tr>
<tr>
<td>Occitan</td>
<td>oc</td>
</tr>
<tr>
<td>Oriya</td>
<td>or</td>
</tr>
<tr>
<td>Oromo (Afan, Galla)</td>
<td>om</td>
</tr>
<tr>
<td>Papiamentu</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>Pashto (Pushto)</td>
<td>ps</td>
</tr>
<tr>
<td>Polish</td>
<td>pl</td>
</tr>
<tr>
<td>Portuguese</td>
<td>pt</td>
</tr>
<tr>
<td>Punjabi</td>
<td>pa</td>
</tr>
<tr>
<td>Quechua</td>
<td>qu</td>
</tr>
<tr>
<td>Rhaeto-Romance</td>
<td>rm</td>
</tr>
<tr>
<td>Romanian</td>
<td>ro</td>
</tr>
<tr>
<td>Russian</td>
<td>ru</td>
</tr>
<tr>
<td>Sami (Lappish)</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>Samoan</td>
<td>sm</td>
</tr>
<tr>
<td>Sangro</td>
<td>sg</td>
</tr>
<tr>
<td>Sanskrit</td>
<td>sa</td>
</tr>
<tr>
<td>Serbian</td>
<td>sr</td>
</tr>
<tr>
<td>Serbo-Croatian</td>
<td>sh</td>
</tr>
<tr>
<td>Sesotho</td>
<td>st</td>
</tr>
<tr>
<td>Setswana</td>
<td>tn</td>
</tr>
<tr>
<td>Shona</td>
<td>sn</td>
</tr>
<tr>
<td>Sindhi</td>
<td>sd</td>
</tr>
<tr>
<td>Sinhalese</td>
<td>si</td>
</tr>
<tr>
<td>Siswati</td>
<td>ss</td>
</tr>
<tr>
<td>Slovak</td>
<td>sk</td>
</tr>
<tr>
<td>Slovenian</td>
<td>sl</td>
</tr>
<tr>
<td>Somali</td>
<td>so</td>
</tr>
<tr>
<td>Spanish</td>
<td>es</td>
</tr>
<tr>
<td>Sundanese</td>
<td>su</td>
</tr>
<tr>
<td>Swahili (Kiswahili)</td>
<td>sw</td>
</tr>
<tr>
<td>Swedish</td>
<td>sv</td>
</tr>
<tr>
<td>Syriac</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>Tagalog</td>
<td>tl</td>
</tr>
<tr>
<td>Tajik</td>
<td>tg</td>
</tr>
<tr>
<td>Tamazight</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>Tamil</td>
<td>ta</td>
</tr>
<tr>
<td>Tatar</td>
<td>tt</td>
</tr>
<tr>
<td>Telugu</td>
<td>te</td>
</tr>
<tr>
<td>Thai</td>
<td>th</td>
</tr>
<tr>
<td>Tibetan</td>
<td>bo</td>
</tr>
<tr>
<td>Tigrinya</td>
<td>ti</td>
</tr>
<tr>
<td>Tonga</td>
<td>to</td>
</tr>
<tr>
<td>Tsonga</td>
<td>ts</td>
</tr>
<tr>
<td>Turkish</td>
<td>tr</td>
</tr>
<tr>
<td>Turkmen</td>
<td>tk</td>
</tr>
<tr>
<td>Twi</td>
<td>tw</td>
</tr>
<tr>
<td>Uighur</td>
<td>ug</td>
</tr>
<tr>
<td>Ukrainian</td>
<td>uk</td>
</tr>
<tr>
<td>Urdu</td>
<td>ur</td>
</tr>
<tr>
<td>Uzbek</td>
<td>uz</td>
</tr>
<tr>
<td>Venda</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>Vietnamese</td>
<td>vi</td>
</tr>
<tr>
<td>Volapük</td>
<td>vo</td>
</tr>
<tr>
<td>Welsh</td>
<td>cy</td>
</tr>
<tr>
<td>Wolof</td>
<td>wo</td>
</tr>
<tr>
<td>Xhosa</td>
<td>xh</td>
</tr>
<tr>
<td>Yi</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>Yiddish</td>
<td>yi, ji</td>
</tr>
<tr>
<td>Yoruba</td>
<td>yo</td>
</tr>
<tr>
<td>Zulu</td>
<td>zu</td>
</tr>
</table>
</dd>
<dd><a title="Desktop virtualization" href="http://phpforms.net/tutorial/data-storage/desktop-virtualization.html">Desktop virtualization</a></dd>
<dd><a title="Fibre Channel vs. ISCSI" href="http://phpforms.net/tutorial/data-storage/fibre-channel-vs-iscsi.html">Fibre Channel vs. ISCSI</a></dd>
<dd><a title="IT virtualization" href="http://phpforms.net/tutorial/data-storage/it-virtualization.html">IT virtualization</a></dd>
<dd><a title="Network Virtualization" href="http://phpforms.net/tutorial/data-storage/network-virtualization.html">Network Virtualization</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/html-basics/iso-language-codes.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>text-transform</title>
		<link>http://phpforms.net/tutorial/css-reference/text-transform.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/text-transform.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 09:10:32 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3443</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS1


Default value 
none


Inherited
Yes


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/text.html#propdef-text-transform



Description
It operates by transformation of the element text into head or capital symbols. When value is distinct from none, the register of the initial text will be changed.
Syntax

text-transform: capitalize &#124; lowercase &#124; uppercase &#124; none

Arguments
capitalize
Every word in the sentence will begin from a head [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS1</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">none</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">Yes</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all elements </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform">http://www.w3.org/TR/CSS21/text.html#propdef-text-transform</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
It operates by transformation of the element text into head or capital symbols. When value is distinct from none, the register of the initial text will be changed.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">text-transform</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">capitalize</span> | <span style="color: #993333;">lowercase</span> | <span style="color: #993333;">uppercase</span> | <span style="color: #993333;">none</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
capitalize<br />
Every word in the sentence will begin from a head symbol.<br />
lowercase<br />
All text symbols become capital (lower case)<br />
uppercase<br />
All text symbols become capitalized (upper case)</p>
<p><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   H1 <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">text-transform</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">uppercase</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Capital letters */</span>
   <span style="color: #00AA00;">&#125;</span>
   P <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">text-transform</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">capitalize</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Every word begins from the capital letter */</span>
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&lt;h1<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet&lt;/h1<span style="color: #00AA00;">&gt;</span>
Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
  Ut wisis enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit
  lobortis nisl ut aliquip ex ea commodo consequat.</pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 1</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/text-transform.jpg"><img class="aligncenter size-full wp-image-3446" title="text-transform" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/text-transform.jpg" alt="" width="558" height="382" /></a></p>
<div style="font-size: 1.5em;"><strong>Object model</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.textTransform</pre></div></div>

<dd><a title="Tape Backup" href="http://phpforms.net/tutorial/data-storage/tape-backup.html">Tape Backup</a></dd>
<dd><a title="Private Cloud" href="http://phpforms.net/tutorial/data-storage/private-cloud.html">Private Cloud</a></dd>
<dd><a title="IT disaster recovery" href="http://phpforms.net/tutorial/data-storage/it-disaster-recovery.html">IT disaster recovery</a></dd>
<dd><a title="Differential Backup" href="http://phpforms.net/tutorial/data-storage/differential-backup.html">Differential Backup</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/text-transform.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>text-indent</title>
		<link>http://phpforms.net/tutorial/css-reference/chapter-92-text-indent.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/chapter-92-text-indent.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 08:54:58 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3439</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
0


Inherited
Yes


Applied
To block elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/text.html#propdef-text-indent




Description
It determines the first line space size of the text block (for example, for the paragraph ). Influences for all other lines do not appear. Negative value for ledge creation of the first line is supposed, but it is necessary to check up that [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">0</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To block elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent">http://www.w3.org/TR/CSS21/text.html#propdef-text-indent</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It determines the first line space size of the text block (for example, for the paragraph <P>). Influences for all other lines do not appear. Negative value for ledge creation of the first line is supposed, but it is necessary to check up that the text do not fall outside the limits of a browser window.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">text-indent</span><span style="color: #00AA00;">:</span> value | percent</pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
Any units of length accepted in CSS are applied as values, for example pixels (px), inches (in), points (pt), etc. When you specify the value in percentage, the space of the first line is calculated depending on the block width. It is admissible to apply negative values, but thus occurrence of errors may be in different browsers.<br />
<br />
<strong>Example</strong>
</div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>text-indent&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   P <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">text-indent</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1.5em</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Indent of first line */</span>
    <span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">justify</span><span style="color: #00AA00;">;</span>  <span style="color: #808080; font-style: italic;">/* Width alignment */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span> 
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
   &lt;p<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem 
    nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. 
    Ut wisis enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit 
    lobortis nisl ut aliquip ex ea commodo consequat.&lt;/p<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/text-indent.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/text-indent.jpg" alt="" title="text-indent" width="556" height="337" class="aligncenter size-full wp-image-3440" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.textIndent</pre></div></div>

<dd><a title="Private Cloud" href="http://phpforms.net/tutorial/data-storage/private-cloud.html">Private Cloud</a></dd>
<dd><a title="IT disaster recovery" href="http://phpforms.net/tutorial/data-storage/it-disaster-recovery.html">IT disaster recovery</a></dd>
<dd><a title="Differential Backup" href="http://phpforms.net/tutorial/data-storage/differential-backup.html">Differential Backup</a></dd>
<dd><a title="Cloud Technology" href="http://phpforms.net/tutorial/data-storage/cloud-technology.html">Cloud Technology</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/chapter-92-text-indent.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>text-decoration</title>
		<link>http://phpforms.net/tutorial/css-reference/text-decoration.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/text-decoration.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 08:45:35 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3434</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Partially
Partially
Partially
?
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
none


Inherited
No


Applied
To all elements 


HTML analog
&#60;iU&#62; &#60;S&#62; &#60;STRIKE&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration




Description
It adds appearance of the text in the form of its underlining, deletion, a line over the text and blinkings. It is possible to apply more than one style simultaneously listing values through a blank.

Syntax


text-decoration: blink &#124; line-through &#124; overline &#124; underline [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Partially</font></td>
<td class="yes"><font size="2">Partially</font></td>
<td class="yes"><font size="2">Partially</font></td>
<td class="yes rdline"><font size="2">?</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">none</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;iU&gt; &lt;S&gt; &lt;STRIKE&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration">http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It adds appearance of the text in the form of its underlining, deletion, a line over the text and blinkings. It is possible to apply more than one style simultaneously listing values through a blank.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">text-decoration</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">blink</span> | <span style="color: #993333;">line-through</span> | <span style="color: #993333;">overline</span> | <span style="color: #993333;">underline</span> | <span style="color: #993333;">none</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
blink<br />
It determines the blinking text. Such text disappears periodically about once a second then it appears on a former place again.<br />
line-through<br />
It creates a line-through text.<br />
overline<br />
The line is over the text.<br />
underline<br />
It determines an underlined text.<br />
none<br />
It cancels all effects including lines underlinings which are specified by default.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>text-decoration&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   A <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">text-decoration</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Remove links' underlining */</span>
   <span style="color: #00AA00;">&#125;</span>
   A<span style="color: #3333ff;">:hover </span><span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">text-decoration</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">underline</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Add underlining 
                                   in the time of mouseover on the link */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span> 
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;p<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;link1.html&quot;</span><span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet&lt;/a<span style="color: #00AA00;">&gt;</span>&lt;/p<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.textDecoration</pre></div></div>


<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.textDecorationBlink</pre></div></div>


<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.textDecorationLineThrough</pre></div></div>


<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.textDecorationNone</pre></div></div>


<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.textDecorationOverLine</pre></div></div>


<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.textDecorationUnderline</pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Remark</strong><br />
Browser Internet Explorer allows to use the value "blink" but the text is shown as usual without blinking.<br />
According to CSS specification if the formatting type is set for the element but doesn't for its herit the parent's properties will be passed on to built-in elements. If the underlined paragraph is used and not underlined object is placed in it dedicating the word with another color - all the paragraph words will be underlined including the words dedicated by another color. But for the browser Netscape 6 setting "text-decoration: none" removes all effects independent from parent element's decoration. In additional Netscape 6 doesn't spread parent element's decoration to child ones but pass on only underlining.</div>
<dd><a title="IT disaster recovery" href="http://phpforms.net/tutorial/data-storage/it-disaster-recovery.html">IT disaster recovery</a></dd>
<dd><a title="Differential Backup" href="http://phpforms.net/tutorial/data-storage/differential-backup.html">Differential Backup</a></dd>
<dd><a title="Cloud Technology" href="http://phpforms.net/tutorial/data-storage/cloud-technology.html">Cloud Technology</a></dd>
<dd><a title="Cloud Computing" http://phpforms.net/tutorial/data-storage/cloud-computing.html">Cloud Computing</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/text-decoration.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>text-align</title>
		<link>http://phpforms.net/tutorial/css-reference/text-align.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/text-align.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 08:27:15 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3430</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Errors
Errors
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS2


Default value 
left


Inherited
Yes


Applied
To all elements 


HTML analog
&#60;center &#62;  &#60;p &#124; h1 &#124; div &#124; table &#124; thead &#124; tbody &#124; tfoot &#124; tr &#124; th &#124; td align&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/text.html#propdef-text-align



Description
It defines horizontal alignment of the text within an element. This attribute is inherited therefore it can be determined for the whole [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Errors</span></td>
<td class="yes"><span style="font-size: x-small;">Errors</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS2</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">left</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">Yes</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all elements </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">&lt;center &gt;  &lt;p | h1 | div | table | thead | tbody | tfoot | tr | th | td align&gt;</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/text.html#propdef-text-aligns">http://www.w3.org/TR/CSS21/text.html#propdef-text-align</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
It defines horizontal alignment of the text within an element. This attribute is inherited therefore it can be determined for the whole block for influence on all elements enclosed in it.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">center</span> | <span style="color: #993333;">justify</span> | <span style="color: #000000; font-weight: bold;">left</span> | <span style="color: #000000; font-weight: bold;">right</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
center<br />
This argument aligns a text on the centre. The text is located on the centre of a window horizontal of a browser or the container where the text block is located. It seems that lines of the text are strung on an invisible axis which passes on the web page centre. The similar way of alignment is actively used in headings and various signatures like caption. It gives an official and solid kind to the text appearance. In all other cases alignment on the centre is applied seldom because it is inconveniently to read great volume of such text.<br />
justify<br />
Width alignment means simultaneous alignment on the left and the right border. A browser adds blanks between words to act.<br />
left<br />
This argument aligns a text on the left border. The text lines are adjusted by a left border and the right border settles down "short flight of stairs". Such way of alignment is the most popular on sites because it allows the user to find a sight easily a new line and comfortably to read the big text.<br />
right<br />
This argument aligns a text on the right border. This way of alignment plays the role of the antagonist to the previous type.  So, lines of the text equal by a right border and left remains "fragmentary". Because of the left border is not adjusted and reading of new lines begins with it, such text reading is more difficulty, than if it has been adjusted by a left border. Therefore alignment by a right border is applied usually for short headings in volume no more than three lines. We do not consider specific sites where it is necessary to read the text from right to left. There is probably similar way of alignment. Also it is useful. But where have you seen these sites in our country?</p>
<p><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   div <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame parameters */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Fields around the text */</span>
    <span style="color: #000000; font-weight: bold;">margin-bottom</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Bottom margin */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #cc00cc;">#left</span> <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
   <span style="color: #cc00cc;">#right</span> <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">right</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
   <span style="color: #cc00cc;">#center</span> <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">center</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
   <span style="color: #6666ff;">.content</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">75</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Lay width */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fc0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;left&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;content&quot;</span><span style="color: #00AA00;">&gt;</span>Left alignment&lt;/div<span style="color: #00AA00;">&gt;</span>
&lt;/div<span style="color: #00AA00;">&gt;</span>
&lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;center&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;content&quot;</span><span style="color: #00AA00;">&gt;</span>Center alignment&lt;/div<span style="color: #00AA00;">&gt;</span>
&lt;/div<span style="color: #00AA00;">&gt;</span>
&lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;right&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;content&quot;</span><span style="color: #00AA00;">&gt;</span>Right alignment&lt;/div<span style="color: #00AA00;">&gt;</span>
&lt;/div<span style="color: #00AA00;">&gt;</span></pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 1</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/text-alignment.jpg"><img class="aligncenter size-full wp-image-3431" title="text alignment" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/text-alignment.jpg" alt="" width="556" height="337" /></a></p>
<div style="font-size: 1.5em;"><strong>Object model</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.textAlign</pre></div></div>

<dd><a title="Differential Backup" href="http://phpforms.net/tutorial/data-storage/differential-backup.html">Differential Backup</a></dd>
<dd><a title="Cloud Technology" href="http://phpforms.net/tutorial/data-storage/cloud-technology.html">Cloud Technology</a></dd>
<dd><a title="Cloud Computing" href="http://phpforms.net/tutorial/data-storage/cloud-computing.html">Cloud Computing</a></dd>
<dd><a title="Cloud Backup Services" href="http://phpforms.net/tutorial/data-storage/cloud-backup-services.html">Cloud Backup Services</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/text-align.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>table-layout</title>
		<link>http://phpforms.net/tutorial/css-reference/table-layout.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/table-layout.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 08:04:52 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3427</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS2


Default value 
auto


Inherited
No


Applied
To the tag &#60;TABLE &#62; or to the element having the property "display" set as "table" or "inline-table"


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout




Description
This parameter defines browser calculating of table sells height and width according to its contents.

Syntax


table-layout: auto &#124; fixed


Arguments
auto
The browser loads all table. It analyzes a table for the sizes of [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS2</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">auto</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To the tag &lt;TABLE &gt; or to the element having the property "display" set as "table" or "inline-table"</font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout">http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
This parameter defines browser calculating of table sells height and width according to its contents.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">table-layout</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">auto</span> | <span style="color: #993333;">fixed</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
auto<br />
The browser loads all table. It analyzes a table for the sizes of cells definition and only after that it displays them.<br />
fixed<br />
Value raises productivity of table construction. The width of columns is defined either with the help of the tag <COL> or it is calculated on the basis of the first line. If it is impossible to receive the formatting data, the table is shared on equal width columns. When you use this parameter the content which is not located in a specified width cell will be cut off or overlap a cell. It depends on an applied browser but the width of a cell will not be changed in any case.<br />
<br />
<strong>Example</strong>
</div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>table-layout&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   TABLE <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">table-layout</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">fixed</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Fixed cell width */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;table <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;100%&quot;</span> cellspacing<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;1&quot;</span><span style="color: #00AA00;">&gt;</span>
   &lt;col <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;160&quot;</span><span style="color: #00AA00;">&gt;</span>
   &lt;col span<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;9&quot;</span> <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;60&quot;</span><span style="color: #00AA00;">&gt;</span>
   &lt;tr<span style="color: #00AA00;">&gt;</span> 
    &lt;td<span style="color: #00AA00;">&gt;</span>&amp;nbsp<span style="color: #00AA00;">;</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
    &lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">1995</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">1996</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">1997</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">1998</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
    &lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">1999</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">2000</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">2001</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">2002</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
    &lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">2003</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
   &lt;/tr<span style="color: #00AA00;">&gt;</span>
   &lt;tr<span style="color: #00AA00;">&gt;</span> 
    &lt;td<span style="color: #00AA00;">&gt;</span>Oil&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">5</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">7</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">2</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">8</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
    &lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">3</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">34</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">62</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">74</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">57</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
   &lt;/tr<span style="color: #00AA00;">&gt;</span>
   &lt;tr<span style="color: #00AA00;">&gt;</span>
    &lt;td<span style="color: #00AA00;">&gt;</span>Gold&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">3</span>&lt;/td<span style="color: #00AA00;">&gt;</span> &lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">6</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">4</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">6</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
    &lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">4</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">69</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">72</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">56</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">47</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
   &lt;/tr<span style="color: #00AA00;">&gt;</span>
   &lt;tr<span style="color: #00AA00;">&gt;</span>
    &lt;td<span style="color: #00AA00;">&gt;</span>Wood&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">5</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">8</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">3</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">4</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
    &lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">7</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">73</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">79</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">34</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">86</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
   &lt;/tr<span style="color: #00AA00;">&gt;</span>
  &lt;/table<span style="color: #00AA00;">&gt;</span> 
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<dd><a title="Cloud Technology" href="http://phpforms.net/tutorial/data-storage/cloud-technology.html">Cloud Technology</a></dd>
<dd><a title="Cloud Computing" href="http://phpforms.net/tutorial/data-storage/cloud-computing.html">Cloud Computing</a></dd>
<dd><a title="Cloud Backup Services" href="http://phpforms.net/tutorial/data-storage/cloud-backup-services.html">Cloud Backup Services</a></dd>
<dd><a title="Cloud Backup" href="http://phpforms.net/tutorial/data-storage/cloud-backup.html">Cloud Backup</a></dd>
<dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/table-layout.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>right</title>
		<link>http://phpforms.net/tutorial/css-reference/right.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/right.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 07:51:38 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3419</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS2


Default value 
auto


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/visuren.html#propdef-right




Description
This parameter defines distance from a right border of a parental element to a right border of an affiliated element not including a space, a field and width of a framework (fig. 1). Readout of coordinates depends on parameter position value. If its argument [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS2</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">auto</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right">http://www.w3.org/TR/CSS21/visuren.html#propdef-right</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
This parameter defines distance from a right border of a parental element to a right border of an affiliated element not including a space, a field and width of a framework (fig. 1). Readout of coordinates depends on parameter position value. If its argument is equal absolute, in this case the parent is the browser window. An element position is defined from right border. In case of value relative the argument right is counted from a right border of an element starting position.</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/right1.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/right1.jpg" alt="" title="right1" width="361" height="322" class="aligncenter size-full wp-image-3420" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">right</span><span style="color: #00AA00;">:</span> value | percent | <span style="color: #993333;">auto</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
Any units of length accepted in CSS are applied as values, for example pixels (px), inches (in), points (pt), etc. Value of parameter right can be negative. In this case superpositions of different elements against each other are possible. If you specify the value in percent, the element position will be calculated depending on parental element width. The argument auto does not change the element position.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>right&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #cc00cc;">#leftcol</span> <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">absolute</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Absolute positioning */</span>
    <span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">20px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Location from the top edge */</span>
    <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">20px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Location from the left edge */</span>
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">100px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Block width */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fc3</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#000</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame parameters */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Fields around the text */</span>
   <span style="color: #00AA00;">&#125;</span> 
   <span style="color: #cc00cc;">#centercol</span> <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">relative</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Relative positioning */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">maroon</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/*  Fields around the text */</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">white</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text color */</span>
    <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #933;">13px</span> <span style="color: #933;">250px</span> <span style="color: #cc66cc;">0</span> <span style="color: #933;">130px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Indents around the block */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #cc00cc;">#rightcol</span> <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">absolute</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Absolute positioning */</span>
    <span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">20px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Location from the top edge */</span>
    <span style="color: #000000; font-weight: bold;">right</span><span style="color: #00AA00;">:</span> <span style="color: #933;">20px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Location from the right edge */</span>
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">200px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Block width */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ccc</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame parameters */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Fields around the text */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;leftcol&quot;</span><span style="color: #00AA00;">&gt;</span>leftcol&lt;/div<span style="color: #00AA00;">&gt;</span>
  &lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;centercol&quot;</span><span style="color: #00AA00;">&gt;</span>centercol&lt;/div<span style="color: #00AA00;">&gt;</span>
  &lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;rightcol&quot;</span><span style="color: #00AA00;">&gt;</span>rightcol&lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 2</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/right2.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/right2.jpg" alt="" title="right2" width="556" height="337" class="aligncenter size-full wp-image-3423" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.<span style="color: #000000; font-weight: bold;">right</span></pre></div></div>

<dd><a title="Cloud Computing" href="http://phpforms.net/tutorial/data-storage/cloud-computing.html">Cloud Computing</a></dd>
<dd><a title="Cloud Backup Services" href="http://phpforms.net/tutorial/data-storage/cloud-backup-services.html">Cloud Backup Services</a></dd>
<dd><a title="Cloud Backup" href="http://phpforms.net/tutorial/data-storage/cloud-backup.html">Cloud Backup</a></dd>
<dd><a title="Backup Server" href="href="http://phpforms.net/tutorial/data-storage/backup-server.html">Backup Server</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/right.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>quotes</title>
		<link>http://phpforms.net/tutorial/css-reference/quotes.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/quotes.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 07:21:39 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3404</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
No
No
No
?
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS2


Default value 
Depends on the browser, its settings and operating system. The often for use are "/" type quotes.


Inherited
Yes


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/generate.html#propdef-quotes



Description
It determines quotes types which are applied in the document text. In each language there are traditions for a designation of quotes. The parameter «quotes» allows to set [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">No</span></td>
<td class="yes"><span style="font-size: x-small;">No</span></td>
<td class="yes"><span style="font-size: x-small;">No</span></td>
<td class="yes rdline"><span style="font-size: x-small;">?</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS2</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">Depends on the browser, its settings and operating system. The often for use are "/" type quotes.</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">Yes</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all elements </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes">http://www.w3.org/TR/CSS21/generate.html#propdef-quotes</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
It determines quotes types which are applied in the document text. In each language there are traditions for a designation of quotes. The parameter «quotes» allows to set a kind of their display under all text and to determine its uniform appearance. Quotes addition occurs automatically for the container content &lt;q&gt;  and also for the text to which the style parameter «content» with the value open-quote (opening quote) or close-quote (closing quote) is applied.</p>
<p><strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">quotes</span><span style="color: #00AA00;">:</span> <span style="color: #ff0000;">&quot;left quote&quot;</span> <span style="color: #ff0000;">&quot;right quote&quot;</span></pre></div></div>

<p></p>
<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
A text symbol (for example, quotes: "«" "»") or Unicode symbol are applied as a value. Some of them are given in the table 1 below. </div>
<p>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br />
<html><br />
 <head><br />
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></p>
<style type="text/css">
    table {
     width: 600px; /* Ширина таблицы */ 
     border-collapse: collapse; /* Убираем двойную рамку между ячейками */ 
    }
    td {
     border: 1px solid black; /* Параметры границы */ 
     padding: 5px; /* Поля в ячейке */ 
    }
    caption { 
     caption-side: Top; /* Заголовок под таблицей */ 
    }
   </style>
<p>  </head><br />
  <body></p>
<table>
<table>
<caption><font size="2">Table. 1. Quote types </font></caption>
<tbody>
<tr>
<td><font size="2">Type</font></td>
<td><font size="2">Special code HTML</font></td>
<td><<font size="2">Unicode</font></td>
<td><<font size="2">Description</font></td>
</tr>
<tr>
<td><font size="2">"</font></td>
<td><font size="2">&amp;#34;</font></td>
<td><font size="2">\0022</font></td>
<td><font size="2">Double quote is applied usually in mono-width fonts for a designation of the inch symbol and also angular minute.</font></td>
</tr>
<tr>
<td><font size="2">'</font></td>
<td><font size="2">&amp;#39;</font></td>
<td><font size="2">\0027</font></td>
<td><font size="2">The symbol of angular second. It is applied for designation of a soft sign in a Latin (popalas' lisa).</font></td>
</tr>
<tr>
<td><font size="2">«</font></td>
<td><font size="2">&amp;#171; or &amp;laquo;</font></td>
<td><font size="2">\00ab</font></td>
<td><font size="2">Opening double angular quote.</font></td>
</tr>
<tr>
<td><font size="2">»</font></td>
<td><font size="2">&amp;#187; or &amp;raquo;</font></td>
<td><font size="2">\00bb</font></td>
<td><font size="2">Closing double angular quote.</font></td>
</tr>
<tr>
<td><font size="2">‘</font></td>
<td><font size="2">&amp;#8216;</font></td>
<td><font size="2">\2018</font></td>
<td><font size="2">Opening single quote.</font></td>
</tr>
<tr>
<td><font size="2">’</font></td>
<td><font size="2">&amp;#8217;</font></td>
<td><font size="2">\2019</font></td>
<td><font size="2">Closing single quote.</font></td>
</tr>
<tr>
<td><font size="2">“</font></td>
<td><font size="2">&amp;#8220;</font></td>
<td><font size="2">\201c</font></td>
<td><font size="2">Opening double quote in English texts or closing one for Russian language. </font></td>
</tr>
<tr>
<td><font size="2">”</font></td>
<td><font size="2">&amp;#8221;</font></td>
<td><font size="2">\201d</font></td>
<td><font size="2">Closing double quote in English texts</font></td>
</tr>
<tr>
<td><font size="2">„</font></td>
<td><font size="2">&amp;#8222;</font></td>
<td><font size="2">\201e</font></td>
<td><font size="2">Opening double quotes. They are used in Russian.</font></td>
</tr>
</tbody>
</table>
<p></body><br />
</html><br />
</p>
<div style="font-size:1.5em;"><strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>quotes&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   Q <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> Times<span style="color: #00AA00;">,</span> <span style="color: #993333;">serif</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Font with serifs */</span>
    <span style="color: #000000; font-weight: bold;">font-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">italic</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Italic style of the text */</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">navy</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Blue text color */</span>
    <span style="color: #000000; font-weight: bold;">quotes</span><span style="color: #00AA00;">:</span> <span style="color: #ff0000;">&quot;<span style="color: #000099; font-weight: bold;">\0</span>0ab&quot;</span> <span style="color: #ff0000;">&quot;<span style="color: #000099; font-weight: bold;">\0</span>0bb&quot;</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Quotes as double angle brackets */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span> 
  &lt;p<span style="color: #00AA00;">&gt;</span>Stanislav Letz asserted<span style="color: #00AA00;">:</span> &lt;q<span style="color: #00AA00;">&gt;</span>In the major part of cases the exit is in the place where the entrance was.&lt;/q<span style="color: #00AA00;">&gt;</span>.&lt;/p<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/quotes.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/quotes.jpg" alt="" title="quotes" width="290" height="294" class="aligncenter size-full wp-image-3415" /></a></p>
<dd><a title="Cloud Backup Services" href="http://phpforms.net/tutorial/data-storage/cloud-backup-services.html">Cloud Backup Services</a></dd>
<dd><a title="Cloud Backup" href="http://phpforms.net/tutorial/data-storage/cloud-backup.html">Cloud Backup</a></dd>
<dd><a title="Backup Server" href="http://phpforms.net/tutorial/data-storage/backup-server.html">Backup Server</a></dd>
<dd><a title="Application Virtualization Client" href="http://phpforms.net/tutorial/data-storage/application-virtualization-client.html">Application Virtualization Client</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/quotes.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>position</title>
		<link>http://phpforms.net/tutorial/css-reference/position.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/position.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 06:27:17 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3400</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Partially
Partially
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS2


Default value 
static


Inherited
Yes


Applied
To all elements except generable elements


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/visuren.html#propdef-position




Description
This parameter determines a way of element positioning concerning either a browser window or other objects on a web page.

Syntax


position: absolute &#124; fixed &#124; relative &#124; static


Arguments
absolute
It specifies that the element is absolutely positioned. In this case it does not exist in [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Partially</font></td>
<td class="yes"><font size="2">Partially</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS2</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">static</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements except generable elements</font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position">http://www.w3.org/TR/CSS21/visuren.html#propdef-position</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
This parameter determines a way of element positioning concerning either a browser window or other objects on a web page.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">absolute</span> | <span style="color: #993333;">fixed</span> | <span style="color: #993333;">relative</span> | <span style="color: #993333;">static</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
absolute<br />
It specifies that the element is absolutely positioned. In this case it does not exist in a usual stream of the document like other elements which are displayed on the web page as if there is no absolutely positioned object. Element position is specified by attributes left, top, right and bottom concerning a border of a browser window.<br />
fixed<br />
This value is similar to the argument absolute, but unlike it becomes attached to specified parameters left, top, right and bottom to a point on the screen. It does not change the position even at paging of the web page. At all Browsers Netscape, Mozilla and Firefox do not display a scrolling strip if element position is specified as fixed and it is not located entirely in a browser window. Though in browser Opera scrolling strips are shown, but they do not influence in any way an element position. Internet Explorer 6 and more low versions do not support the given argument.<br />
relative<br />
Element position is determined rather its initial place. Addition of the attributes left, top, right and bottom changes an element position and shifts it in this or that side from an initial arrangement depending on the applied parameter.<br />
static<br />
Elements are displayed as usually. Use of parameters left, top, right and bottom does not lead to any results.<br />
<br />
<strong>Example</strong>
</div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>position&lt;/title<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;div style<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;font-family: Times, serif; font-size: 200%&quot;</span><span style="color: #00AA00;">&gt;</span>
  T&lt;span style<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;position: relative; top: 10px&quot;</span><span style="color: #00AA00;">&gt;</span>E&lt;/span<span style="color: #00AA00;">&gt;</span>X 
  and L&lt;span style<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;position: relative; top: -5px; font-size: 80%&quot;</span><span style="color: #00AA00;">&gt;</span>A&lt;/span<span style="color: #00AA00;">&gt;</span>T&lt;span 
  style<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;position: relative; top: 10px&quot;</span><span style="color: #00AA00;">&gt;</span>E&lt;/span<span style="color: #00AA00;">&gt;</span>X
  &lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/position1.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/position1.jpg" alt="" title="position" width="339" height="327" class="aligncenter size-full wp-image-3603" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.<span style="color: #000000; font-weight: bold;">position</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Remark</strong><br />
Browser Internet Explorer 7 supports the value "position: fixed"  only in "strict" mode (<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">). </div>
<dd><a title="Cloud Backup" href="http://phpforms.net/tutorial/data-storage/cloud-backup.html">Cloud Backup</a></dd>
<dd><a title="Backup Server" href="http://phpforms.net/tutorial/data-storage/backup-server.html">Backup Server</a></dd>
<dd><a title="Application Virtualization Client" href="http://phpforms.net/tutorial/data-storage/application-virtualization-client.html">Application Virtualization Client</a></dd>
<dd><a title="Data Center Virtualization" href="http://phpforms.net/tutorial/data-storage/data-center-virtualization.html">Data Center Virtualization</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/position.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>padding-top</title>
		<link>http://phpforms.net/tutorial/css-reference/padding-top.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/padding-top.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 06:16:39 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3395</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS1


Default value 
0


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#propdef-padding-top



Description
It determines value of field from the top border of an element contents. Field is called the distance from internal border of an element framework to the imagined rectangle limiting its contents (fig. 1).

Syntax

padding-top: value &#124; auto

Arguments
It is possible to specify size of the [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS1</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">0</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all elements </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top">http://www.w3.org/TR/CSS21/box.html#propdef-padding-top</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
It determines value of field from the top border of an element contents. Field is called the distance from internal border of an element framework to the imagined rectangle limiting its contents (fig. 1).</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/pad-top1.jpg"><img class="aligncenter size-full wp-image-3396" title="pad-top1" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/pad-top1.jpg" alt="" width="360" height="236" /></a></p>
<div style="font-size: 1.5em;"><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">padding-top</span><span style="color: #00AA00;">:</span> value | <span style="color: #993333;">auto</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
It is possible to specify size of the top field in pixels (px), percent (%) or other admissible units for CSS. The argument auto specifies that the size of a field will be automatically calculated by a browser.</p>
<p><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   <span style="color: #6666ff;">.layer</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fc3</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">border-top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#000</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Top line parameters */</span>
    <span style="color: #000000; font-weight: bold;">border-bottom</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#000</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Bottom line parameters */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Fields around the text */</span>
    <span style="color: #000000; font-weight: bold;">padding-top</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">10</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Top field */</span>
    <span style="color: #000000; font-weight: bold;">padding-bottom</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">10</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Bottom field */</span>
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;layer&quot;</span><span style="color: #00AA00;">&gt;</span>
   Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem nonummy nibh
   euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim
   ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit lobortis nisl
   ut aliquip ex ea commodo consequat.&lt;/div<span style="color: #00AA00;">&gt;</span></pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 2</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/pad-top2.jpg"><img class="aligncenter size-full wp-image-3397" title="pad-top2" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/pad-top2.jpg" alt="" width="405" height="363" /></a></p>
<div style="font-size: 1.5em;"><strong>Object model</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.paddingTop</pre></div></div>

<dd><a title="Backup Server" href="http://phpforms.net/tutorial/data-storage/backup-server.html">Backup Server</a></dd>
<dd><a title="Application Virtualization Client" href="http://phpforms.net/tutorial/data-storage/application-virtualization-client.html">Application Virtualization Client</a></dd>
<dd><a title="Data Center Virtualization" href="http://phpforms.net/tutorial/data-storage/data-center-virtualization.html">Data Center Virtualization</a></dd>
<dd><a title="Desktop virtualization" href="http://phpforms.net/tutorial/data-storage/cloud-backup.html">Desktop virtualization</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/padding-top.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>padding-right</title>
		<link>http://phpforms.net/tutorial/css-reference/padding-right.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/padding-right.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 06:01:44 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3390</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
0


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#propdef-padding-right




Description
It determines value of field from the right border of an element contents. Field is called the distance from internal border of an element framework to the imagined rectangle limiting its contents (fig. 1).



Syntax


padding-right: value &#124; auto


Arguments
It is possible to specify size of the [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">0</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right">http://www.w3.org/TR/CSS21/box.html#propdef-padding-right</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It determines value of field from the right border of an element contents. Field is called the distance from internal border of an element framework to the imagined rectangle limiting its contents (fig. 1).</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/pad-right1.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/pad-right1.jpg" alt="" title="pad-right1" width="256" height="315" class="aligncenter size-full wp-image-3391" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">padding-right</span><span style="color: #00AA00;">:</span> value | <span style="color: #993333;">auto</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
It is possible to specify size of the right field in pixels (px), percent (%) or others admissible units for CSS. The argument auto specifies that the size of a field will be automatically calculated by a browser.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>padding-right&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #6666ff;">.layer</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ffe</span> <span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">'help.gif'</span><span style="color: #00AA00;">&#41;</span> <span style="color: #993333;">no-repeat</span> <span style="color: #000000; font-weight: bold;">top</span> <span style="color: #000000; font-weight: bold;">right</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background parameters */</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span> <span style="color: #993333;">solid</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame parameters */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Fields around the text */</span>
    <span style="color: #000000; font-weight: bold;">padding-right</span><span style="color: #00AA00;">:</span> <span style="color: #933;">90px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Поле справа */</span>
    <span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">justify</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Width alignment */</span> 
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;layer&quot;</span><span style="color: #00AA00;">&gt;</span>
   Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed 
   diem nonummy nibh euismod tincidunt ut lacreet dolore magna 
   aliguam erat volutpat. Ut wisis enim ad minim veniam<span style="color: #00AA00;">,</span> quis 
   nostrud exerci tution ullamcorper suscipit lobortis nisl ut 
   aliquip ex ea commodo consequat.
  &lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 2</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/pad-right2.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/pad-right2.jpg" alt="" title="pad-right2" width="411" height="345" class="aligncenter size-full wp-image-3392" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.paddingRight</pre></div></div>

<dd><a title="Application Virtualization Client" href="http://phpforms.net/tutorial/data-storage/application-virtualization-client.html">Application Virtualization Client</a></dd>
<dd><a title="Data Center Virtualization" href="http://phpforms.net/tutorial/data-storage/data-center-virtualization.html">Data Center Virtualization</a></dd>
<dd><a title="Desktop virtualization" href="http://phpforms.net/tutorial/data-storage/desktop-virtualization.html">Desktop virtualization</a></dd>
<dd><a title="Fibre Channel vs. ISCSI" href="http://phpforms.net/tutorial/data-storage/fibre-channel-vs-iscsi.html">Fibre Channel vs. ISCSI</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/padding-right.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>padding-left</title>
		<link>http://phpforms.net/tutorial/css-reference/padding-left.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/padding-left.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 05:50:24 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3385</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
0


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#propdef-padding-left




Description
It determines value of field from the left border of an element contents. Field is called the distance from internal border of an element framework to the imagined rectangle limiting its contents (fig. 1).



Syntax


padding-left: value &#124; auto


Arguments
It is possible to specify size of the [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">0</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left">http://www.w3.org/TR/CSS21/box.html#propdef-padding-left</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It determines value of field from the left border of an element contents. Field is called the distance from internal border of an element framework to the imagined rectangle limiting its contents (fig. 1).</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/pad-left1.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/pad-left1.jpg" alt="" title="pad-left1" width="259" height="323" class="aligncenter size-full wp-image-3386" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">padding-left</span><span style="color: #00AA00;">:</span> value | <span style="color: #993333;">auto</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
It is possible to specify size of the left field in pixels (px), percent (%) or other admissible units for CSS. The argument auto specifies that the size of a field will be automatically calculated by a browser.<br />
<br />
<strong>Example</strong>
</div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>padding-left&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #6666ff;">.layer</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fc3</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span> <span style="color: #993333;">solid</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame parameter */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Fields around the text */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #6666ff;">.layer</span> P <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Remove indents around */</span>
    <span style="color: #000000; font-weight: bold;">padding-left</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">10</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Left field */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;layer&quot;</span><span style="color: #00AA00;">&gt;</span>
   &lt;p<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem 
   nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. 
   Ut wisis enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit 
   lobortis nisl ut aliquip ex ea commodo consequat.&lt;/p<span style="color: #00AA00;">&gt;</span>
  &lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 2</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/pad-left2.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/pad-left2.jpg" alt="" title="pad-left2" width="402" height="354" class="aligncenter size-full wp-image-3387" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.paddingLeft</pre></div></div>

<dd><a title="Data Center Virtualization" href="http://phpforms.net/tutorial/data-storage/data-center-virtualization.html">Data Center Virtualization</a></dd>
<dd><a title="Desktop virtualization" href="http://phpforms.net/tutorial/data-storage/desktop-virtualization.html">Desktop virtualization</a></dd>
<dd><a title="Fibre Channel vs. ISCSI" href="http://phpforms.net/tutorial/data-storage/fibre-channel-vs-iscsi.html">Fibre Channel vs. ISCSI</a></dd>
<dd><a title="IT virtualization" href="http://phpforms.net/tutorial/data-storage/it-virtualization.html">IT virtualization</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/padding-left.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>padding-bottom</title>
		<link>http://phpforms.net/tutorial/css-reference/padding-bottom.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/padding-bottom.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 05:39:31 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3379</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
0


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom




Description
It determines value of field from the bottom border of an element contents. Field is called the distance from internal border of an element framework to the imagined rectangle limiting its contents (fig. 1).



Syntax


padding-bottom: value &#124; auto


Arguments
It is possible to specify size of the [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">0</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom">http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It determines value of field from the bottom border of an element contents. Field is called the distance from internal border of an element framework to the imagined rectangle limiting its contents (fig. 1).</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/pad-bot1.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/pad-bot1.jpg" alt="" title="pad-bot1" width="369" height="235" class="aligncenter size-full wp-image-3381" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">padding-bottom</span><span style="color: #00AA00;">:</span> value | <span style="color: #993333;">auto</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
It is possible to specify size of the bottom field in pixels (px), percent (%) or other admissible units for CSS. The argument auto specifies that the size of a field will be automatically calculated by a browser.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>padding-bottom&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #6666ff;">.layer</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fc3</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#000</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame parameters */</span>
    <span style="color: #000000; font-weight: bold;">padding-bottom</span><span style="color: #00AA00;">:</span> <span style="color: #933;">40px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Field below from the text */</span>
    <span style="color: #000000; font-weight: bold;">padding-top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">40px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Field top from the text */</span>
    <span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">center</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Center alignment */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;layer&quot;</span><span style="color: #00AA00;">&gt;</span>
   Lorem ipsum dolor sit amet
  &lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 2</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/pad-bot2.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/pad-bot2.jpg" alt="" title="pad-bot2" width="471" height="349" class="aligncenter size-full wp-image-3382" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.paddingBottom</pre></div></div>

<dd><a title="Desktop virtualization" href="http://phpforms.net/tutorial/data-storage/desktop-virtualization.html">Desktop virtualization</a></dd>
<dd><a title="Fibre Channel vs. ISCSI" href="http://phpforms.net/tutorial/data-storage/fibre-channel-vs-iscsi.html">Fibre Channel vs. ISCSI</a></dd>
<dd><a title="IT virtualization" href="http://phpforms.net/tutorial/data-storage/it-virtualization.html">IT virtualization</a></dd>
<dd><a title="Network Virtualization" href="http://phpforms.net/tutorial/data-storage/network-virtualization.html">Network Virtualization</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/padding-bottom.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>padding</title>
		<link>http://phpforms.net/tutorial/css-reference/padding.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/padding.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 05:22:55 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3371</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
No


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#propdef-padding




Description
It determines value of fields round an element contents. Field is called the distance from internal border of an element framework to the imagined rectangle limiting its contents (fig. 1).



The parameter padding allows to specify size weeding for all parties of an element at [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/box.html#propdef-padding">http://www.w3.org/TR/CSS21/box.html#propdef-padding</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It determines value of fields round an element contents. Field is called the distance from internal border of an element framework to the imagined rectangle limiting its contents (fig. 1).</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/padding1.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/padding1.jpg" alt="" title="padding1" width="248" height="281" class="aligncenter size-full wp-image-3372" /></a><br />
</p>
<div style="font-size:1.5em;">The parameter padding allows to specify size weeding for all parties of an element at once or to define it only for the specified parties.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> value | <span style="color: #993333;">auto</span> <span style="color: #00AA00;">&#123;</span><span style="color: #cc66cc;">1</span><span style="color: #00AA00;">,</span> <span style="color: #cc66cc;">4</span><span style="color: #00AA00;">&#125;</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
It is allowed to use one, two, three or four values dividing them among each other by space. This effect depends on amount of arguments. It is given in the table below.  </div>
<p>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br />
<html><br />
 <head><br />
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></p>
<style type="text/css">
    table {
     width: 550px; /* Ширина таблицы */ 
     border-collapse: collapse; /* Убираем двойную рамку между ячейками */ 
    }
    td {
     border: 1px solid black; /* Параметры границы */ 
     padding: 5px; /* Поля в ячейке */ 
    }
    caption { 
     caption-side: Top; /* Заголовок под таблицей */ 
    }
   </style>
<p>  </head><br />
  <body></p>
<table>
<caption><font size="2">Tab.1. Color changing depending on arguments' amount</font></caption>
<tr>
<td><font size="2">Argument amount</font></td>
<td><font size="2">Result</font></td>
</tr>
<tr>
<td><font size="2">1</font></td>
<td><font size="2">Frame color will be set for all element's sides</font></td>
</tr>
<tr>
<td><font size="2">2 </font></td>
<td><font size="2">The first argument sets the color of top and bottom sides and the second one for left and right sides</font></td>
</tr>
<tr>
<td><font size="2">3</font></td>
<td><font size="2">The first argument defined the color of the top side, the second one - left and right sides at the same time, the third one - for the bottom side</font></td>
</tr>
<tr>
<td><font size="2">4 </font></td>
<td><font size="2">The color of top, bottom, right and left sides is set in turn</font></td>
</tr>
</table>
<p> </body><br />
</html><br />
</p>
<div style="font-size:1.5em;">It is possible to specify a field size in pixels (px), percent (%) or other admissible units for CSS. The argument auto specifies that the size of fields will be automatically calculated by a browser.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>padding&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #6666ff;">.layer</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fc3</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span> <span style="color: #993333;">solid</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span>  <span style="color: #808080; font-style: italic;">/* Frame parameters */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">20px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Fields around the text */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;layer&quot;</span><span style="color: #00AA00;">&gt;</span>
   Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem nonummy nibh 
   euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim 
   ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit lobortis nisl 
   ut aliquip ex ea commodo consequat.
  &lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 2</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/padding2.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/padding2.jpg" alt="" title="padding2" width="441" height="338" class="aligncenter size-full wp-image-3600" /></a></p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.<span style="color: #000000; font-weight: bold;">padding</span></pre></div></div>

<dd><a title="Fibre Channel vs. ISCSI" href="http://phpforms.net/tutorial/data-storage/fibre-channel-vs-iscsi.html">Fibre Channel vs. ISCSI</a></dd>
<dd><a title="IT virtualization" href="http://phpforms.net/tutorial/data-storage/it-virtualization.html">IT virtualization</a></dd>
<dd><a title="Network Virtualization" href="http://phpforms.net/tutorial/data-storage/network-virtualization.html">Network Virtualization</a></dd>
<dd><a title="Server Virtualization" href="http://phpforms.net/tutorial/data-storage/server-virtualization.html">Server Virtualization</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/padding.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>overflow</title>
		<link>http://phpforms.net/tutorial/css-reference/overflow.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/overflow.html#comments</comments>
		<pubDate>Wed, 14 Apr 2010 05:00:16 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3367</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS2


Default value 
visible


Inherited
No


Applied
To block and replaceable elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow




Description
This feature operates display of the block element content, if it is not located and leaves for area of the specified sizes entirely.

Syntax

overflow: auto &#124; hidden &#124; scroll &#124; visible


Arguments
visible
All element content is displayed even outside of the determined height and width.
hidden
The [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS2</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">visible</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To block and replaceable elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow">http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
This feature operates display of the block element content, if it is not located and leaves for area of the specified sizes entirely.<br />
<br />
<strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">overflow</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">auto</span> | <span style="color: #993333;">hidden</span> | <span style="color: #993333;">scroll</span> | <span style="color: #993333;">visible</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
visible<br />
All element content is displayed even outside of the determined height and width.<br />
hidden<br />
The inside area is displayed, the rest will be cut.<br />
scroll<br />
 Scrolls are added always.<br />
auto<br />
Scrolls are added only if it is necessary.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>overflow&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #6666ff;">.layer</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">overflow</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">scroll</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Add scrolling bands */</span>
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">300px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Block width */</span>
    <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">150px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Block height */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">solid</span> <span style="color: #933;">1px</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame parameters */</span>
   <span style="color: #00AA00;">&#125;</span> 
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;layer&quot;</span><span style="color: #00AA00;">&gt;</span>
   &lt;h2<span style="color: #00AA00;">&gt;</span>Duis te feugifacilisi&lt;/h2<span style="color: #00AA00;">&gt;</span>
   &lt;p<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem 
    nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. 
    Ut wisis enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit 
    lobortis nisl ut aliquip ex ea commodo consequat.&lt;/p<span style="color: #00AA00;">&gt;</span>
  &lt;/div<span style="color: #00AA00;">&gt;</span> 
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/overflow.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/overflow.jpg" alt="" title="overflow" width="381" height="345" class="aligncenter size-full wp-image-3368" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.<span style="color: #000000; font-weight: bold;">overflow</span></pre></div></div>

<div style="font-size:1.5em;"><strong>Remark</strong><br />
Browser Internet Explorer also supports the parameter "overflow-x", which images the scrolling band across and "overflow-y" responsible for the vertical scrolling band. Arguments are the same as for "overflow".</div>
<dd><a title="IT virtualization" href="http://phpforms.net/tutorial/data-storage/it-virtualization.html">IT virtualization</a></dd>
<dd><a title="Network Virtualization" href="http://phpforms.net/tutorial/data-storage/network-virtualization.html">Network Virtualization</a></dd>
<dd><a title="Server Virtualization" href="http://phpforms.net/tutorial/data-storage/server-virtualization.html">Server Virtualization</a></dd>
<dd><a title="Server Virtualization Benefits" href="http://phpforms.net/tutorial/data-storage/server-virtualization-benefits.html">Server Virtualization Benefits</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/overflow.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>outline-width</title>
		<link>http://phpforms.net/tutorial/css-reference/outline-width.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/outline-width.html#comments</comments>
		<pubDate>Tue, 13 Apr 2010 11:38:21 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3363</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
No
No
No
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS2, CSS2.1


Default value 
medium


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width




Description
It determines width of the element external outline. Unlike the attribute border-width, it is impossible to determine a border for every side individually for the attribute outline-width.
You need to determine any value apart from none in the attribute outline-style, if you want the [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">No</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS2, CSS2.1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">medium</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width">http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It determines width of the element external outline. Unlike the attribute border-width, it is impossible to determine a border for every side individually for the attribute outline-width.<br />
You need to determine any value apart from none in the attribute outline-style, if you want the attribute outline-width to work.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">outline-width</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">thin</span> | <span style="color: #993333;">medium</span> | <span style="color: #993333;">thick</span> | value</pre></div></div>

<p> </p>
<div style="font-size:1.5em;"><strong>Value</strong><br />
thin<br />
There is a thin line. Pixel value can be changed depending on a browser. It usually accounts 1 pixel.<br />
medium<br />
A medium sized line (3 pixels).<br />
thick<br />
A thick sized line (6 pixels).<br />
value<br />
You can use any size items accepted in CSS for exact width determining.<br />
<br />
<strong>Example</strong>
</div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>outline-width&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #cc00cc;">#block</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">outline-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">dotted</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Dotted external border */</span>
    <span style="color: #000000; font-weight: bold;">outline-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* External border width */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span> <span style="color: #993333;">dotted</span> <span style="color: #cc00cc;">#000</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame parameters */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span> 
   &lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;block&quot;</span><span style="color: #00AA00;">&gt;</span>
    Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem nonummy 
    nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
   &lt;/div<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/outline-width.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/outline-width.jpg" alt="" title="outline-width" width="381" height="345" class="aligncenter size-full wp-image-3364" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span>style.outlineWidth</pre></div></div>

<dd><a title="Network Virtualization" href="http://phpforms.net/tutorial/data-storage/network-virtualization.html">Network Virtualization</a></dd>
<dd><a title="Server Virtualization" href="http://phpforms.net/tutorial/data-storage/server-virtualization.html">Server Virtualization</a></dd>
<dd><a title="Server Virtualization Benefits" href="http://phpforms.net/tutorial/data-storage/server-virtualization-benefits.html">Server Virtualization Benefits</a></dd>
<dd><a title="Storage Virtualization" href="http://phpforms.net/tutorial/data-storage/storage-virtualization.html">Storage Virtualization</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/outline-width.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>outline-style</title>
		<link>http://phpforms.net/tutorial/css-reference/outline-style.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/outline-style.html#comments</comments>
		<pubDate>Tue, 13 Apr 2010 11:25:32 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3358</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
No
No
No
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS2, CSS2.1


Default value 
none


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style



Description
It determines style of the element external outline. Unlike a line specifying through border, attribute outline is displayed round an element without influencing width of the block or its position.
Syntax

outline-style: none &#124; dotted &#124; dashed &#124; solid &#124; double &#124; groove &#124; ridge [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">No</span></td>
<td class="yes"><span style="font-size: x-small;">No</span></td>
<td class="yes"><span style="font-size: x-small;">No</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS2, CSS2.1</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">none</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all elements </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style">http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
It determines style of the element external outline. Unlike a line specifying through border, attribute outline is displayed round an element without influencing width of the block or its position.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">outline-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span> | <span style="color: #993333;">dotted</span> | <span style="color: #993333;">dashed</span> | <span style="color: #993333;">solid</span> | <span style="color: #993333;">double</span> | <span style="color: #993333;">groove</span> | <span style="color: #993333;">ridge</span> | <span style="color: #993333;">inset</span> | <span style="color: #993333;">outset</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Values</strong><br />
none<br />
Outline is not displayed. If the attribute outline-width is present, this value blocks it.<br />
dotted<br />
The line consists of some amount of dots.<br />
dashed<br />
The dashed line consisting of short pieces series.<br />
solid<br />
Solid line.<br />
double<br />
Double line.<br />
groove<br />
It makes a groove outline effect.<br />
ridge<br />
It makes a pattern outline effect.<br />
inset<br />
There is a pseudo-three-dimensional framework. The right and bottom borders of it are clarified and the left and top lines are blacked out.<br />
outset<br />
The left and top borders have more light shade than the determined color and the right and bottom lines are blacked out.<br />
Sorts of these styles are given below.</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dotted-style.jpg"><img class="aligncenter size-full wp-image-3359" title="dotted style" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dotted-style.jpg" alt="" width="440" height="88" /></a></p>
<div style="font-size: 1.5em;"><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   <span style="color: #6666ff;">.noborder</span> A <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">outline-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Remove borders around the links */</span> 
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&nbsp;
&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;http://ya.ru&quot;</span><span style="color: #00AA00;">&gt;</span>Yandex&lt;/a<span style="color: #00AA00;">&gt;</span>
   &lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;http://google.ru&quot;</span><span style="color: #00AA00;">&gt;</span>Google&lt;/a<span style="color: #00AA00;">&gt;</span>
&nbsp;
&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;http://ya.ru&quot;</span><span style="color: #00AA00;">&gt;</span>Yandex&lt;/a<span style="color: #00AA00;">&gt;</span>
   &lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;http://google.ru&quot;</span><span style="color: #00AA00;">&gt;</span>Google&lt;/a<span style="color: #00AA00;">&gt;</span></pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 2</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/outline-style.jpg"><img class="aligncenter size-full wp-image-3360" title="outline-style" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/outline-style.jpg" alt="" width="381" height="345" /></a></p>
<div style="font-size: 1.5em;"><strong>Object model</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span>style.outlineStyle</pre></div></div>

<dd><a title="Server Virtualization" href="http://phpforms.net/tutorial/data-storage/server-virtualization.html">Server Virtualization</a></dd>
<dd><a title="Server Virtualization Benefits" href="http://phpforms.net/tutorial/data-storage/server-virtualization-benefits.html">Server Virtualization Benefits</a></dd>
<dd><a title="Storage Virtualization" href="http://phpforms.net/tutorial/data-storage/storage-virtualization.html">Storage Virtualization</a></dd>
<dd><a title="Virtualizaion" href="http://phpforms.net/tutorial/data-storage/virtualizaion.html">Virtualizaion</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/outline-style.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>outline-color</title>
		<link>http://phpforms.net/tutorial/css-reference/outline-color.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/outline-color.html#comments</comments>
		<pubDate>Tue, 13 Apr 2010 11:10:52 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3354</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
No
No
No
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS2, CSS2.1


Default value 
invert


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color




Description
It determines color of the element external border. Unlike a line specifying through a border, the outline is displayed round an element without influencing width of the block or its position.

Syntax


outline-color: invert &#124; color


Value
invert
It automatically specifies the line color proceeding from a background [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">No</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS2, CSS2.1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">invert</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color">http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It determines color of the element external border. Unlike a line specifying through a border, the outline is displayed round an element without influencing width of the block or its position.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">outline-color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">invert</span> | <span style="color: #000000; font-weight: bold;">color</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Value</strong><br />
invert<br />
It automatically specifies the line color proceeding from a background under it for the maximum contrast achievement. In CSS 2.1 a browser is allowed to ignore value invert and instead of it to use the line color set by attribute color.<br />
color<br />
It specifies a line color in any admissible format for CSS<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>outline-color&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #cc00cc;">#block</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">outline-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">dashed</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Dashed border */</span>
    <span style="color: #000000; font-weight: bold;">outline-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#be8b5e</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Border color */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#eedac8</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span> 
   &lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;block&quot;</span><span style="color: #00AA00;">&gt;</span>
     Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem nonummy 
     nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
   &lt;/div<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/outline-color.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/outline-color.jpg" alt="" title="outline-color" width="383" height="340" class="aligncenter size-full wp-image-3355" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span>style.outlineColor</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/outline-color.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>outline</title>
		<link>http://phpforms.net/tutorial/css-reference/outline.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/outline.html#comments</comments>
		<pubDate>Tue, 13 Apr 2010 10:59:41 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3349</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
No
No
No
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS2, CSS2.1


Default value 
invert


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/ui.html#propdef-outline




Description
This is the universal attribute determining color, style and thickness of external border simultaneously on all four element sides. The attribute outline does not influence the block position and its width, unlike a line set through border.

Syntax


outline: outline-color &#124;&#124; outline-style &#124;&#124; outline-width


Value
outline-color
It specifies [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">No</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS2, CSS2.1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">invert</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline">http://www.w3.org/TR/CSS21/ui.html#propdef-outline</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
This is the universal attribute determining color, style and thickness of external border simultaneously on all four element sides. The attribute outline does not influence the block position and its width, unlike a line set through border.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">outline</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">outline-color</span> || <span style="color: #000000; font-weight: bold;">outline-style</span> || <span style="color: #000000; font-weight: bold;">outline-width</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Value</strong><br />
outline-color<br />
It specifies an outline color in any admissible format for CSS.<br />
outline-style<br />
Outline style.<br />
outline-width<br />
Outline width.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&nbsp;
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>outline&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #6666ff;">.photo</span> IMG <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">20px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the image */</span>
    <span style="color: #000000; font-weight: bold;">margin-right</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* right margin */</span>
    <span style="color: #000000; font-weight: bold;">outline</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#666</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame parameters */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#f0f0f0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Right edge float */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span> 
  &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;photo&quot;</span><span style="color: #00AA00;">&gt;</span>
   &lt;img src<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;images/girl.jpg&quot;</span> alt<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Girl&quot;</span><span style="color: #00AA00;">&gt;</span>
   &lt;img src<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;images/owl.jpg&quot;</span> alt<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Owl&quot;</span><span style="color: #00AA00;">&gt;</span> 
   &lt;img src<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;images/boy.jpg&quot;</span> alt<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;boy&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;/div<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/outline.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/outline.jpg" alt="" title="outline" width="537" height="489" class="aligncenter size-full wp-image-3350" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span>style.<span style="color: #000000; font-weight: bold;">outline</span></pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/outline.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>opacity</title>
		<link>http://phpforms.net/tutorial/css-reference/opacity.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/opacity.html#comments</comments>
		<pubDate>Tue, 13 Apr 2010 10:44:24 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3345</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
No
No
No
No
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
No
Yes
Yes




Short information



CSS
CSS3


Default value 
1


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/css3-color/#transparency




Description
This parameter defines transparency level of the web page element. Background drawing or other elements located below of the translucent object appear through an element at a partial or full transparency.

Syntax


opacity: value


Arguments
The number from a range [0.0 acts; 1.0] is the argument. The value [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">No</font></td>
<td class="yes rdline"><font size="2">No</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS3</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">1</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/css3-color/#transparency">http://www.w3.org/TR/css3-color/#transparency</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
This parameter defines transparency level of the web page element. Background drawing or other elements located below of the translucent object appear through an element at a partial or full transparency.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">opacity<span style="color: #00AA00;">:</span> value</pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
The number from a range [0.0 acts; 1.0] is the argument. The value 0 corresponds to a full transparency of an element. The value 1corresponds to its opacity. Fractional numbers of a kind 0.6 determine semi-transparency. It is supposed to write numbers without zero ahead, such as a kind opacity: 6.<br />
<br />
Example</div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>opacity&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   IMG<span style="color: #6666ff;">.semi</span> <span style="color: #00AA00;">&#123;</span>
    opacity<span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0.5</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Element's opacity */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>
    &lt;img src<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;images/igels.png&quot;</span> alt<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Usual image&quot;</span><span style="color: #00AA00;">&gt;</span>
    &lt;img src<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;images/igels.png&quot;</span> alt<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Translucent image&quot;</span> class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;semi&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;/p<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/opacity1.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/opacity1.jpg" alt="" title="opacity" width="486" height="401" class="aligncenter size-full wp-image-3595" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Remark</strong><br />
Internet Explorer uses filters for opacity changing; that;s why we must write "filter: alpha(opacity=50)" where the argument "opacity" may have values from 0 to 100.</div>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/opacity.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>min-width</title>
		<link>http://phpforms.net/tutorial/css-reference/min-width.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/min-width.html#comments</comments>
		<pubDate>Tue, 13 Apr 2010 10:15:07 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3335</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
No
No
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS2


Default value 
No


Inherited
No


Applied
To all elements except built-in elements and tables


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width




Description
This argument determines the maximum width of an element.  If the browser window reaches the set minimum width of an element, in that case its width remains invariable and there is a horizontal scrolling strip.
Value of element width will [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS2</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements except built-in elements and tables</font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width">http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
This argument determines the maximum width of an element.  If the browser window reaches the set minimum width of an element, in that case its width remains invariable and there is a horizontal scrolling strip.<br />
Value of element width will be calculated depending on the determined parameters width, max-width and min-width. In tab. 1 it is shown what the browser uses at concurrent use of the specified properties.</div>
<p></p>
<div style="font-size:1.5em;">Table 1. Element width</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<td class="browser rdline" colspan="5"><font size="2">Parameters values </font></td>
<td><font size="2">Width</font></td>
</tr>
<tr>
<th><font size="2">min-width</font></th>
<td><font size="2">&lt;</font></td>
<td><font size="2">width</font></td>
<td><font size="2">&lt;</font></td>
<td><font size="2">max-width</font></td>
<td><font size="2">width</font></td>
</tr>
<tr>
<th><font size="2">min-width</font></th>
<td><font size="2">&gt;</font></td>
<td><font size="2">width</font></td>
<td><font size="2">&gt;</font></td>
<td><font size="2">max-width</font></td>
<td><font size="2">min-width</font></td>
</tr>
<tr>
<th><font size="2">min-width</font></th>
<td><font size="2">&gt;</font></td>
<td><font size="2">width</font></td>
<td><font size="2">&lt;</font></td>
<td><font size="2">max-width</font></td>
<td><font size="2">min-width</font></td>
</tr>
<tr>
<th><font size="2">min-width</font></th>
<td><font size="2">&lt;</font></td>
<td><font size="2">width</font></td>
<td><font size="2">   </font></td>
<td><font size="2">   </font></td>
<td><font size="2">width</font></td>
</tr>
<tr>
<th><font size="2">min-width</font></th>
<td><font size="2">&gt;</font></td>
<td><font size="2">width</font></td>
<td><font size="2">   </font></td>
<td><font size="2">   </font></td>
<td><font size="2">min-width</font></td>
</tr>
<tr>
<th><font size="2">min-width</font></th>
<td><font size="2">&gt;</font></td>
<td><font size="2">   </font></td>
<td><font size="2">   </font></td>
<td><font size="2">max-width</font></td>
<td><font size="2">min-width</font></td>
</tr>
<tr>
<th><font size="2">min-width</font></th>
<td><font size="2">&lt;</font></td>
<td><font size="2">   </font></td>
<td><font size="2">   </font></td>
<td><font size="2">max-width</font></td>
<td><font size="2">max-width</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">This table data means following: if width value (width) is less than value min-width the element width is accepted equal to the value min-width.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">min-width</span><span style="color: #00AA00;">:</span> value</pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
Pixels (px) and percent (%) are accepted as values<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE  HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Columns without hyphens&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style  type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #cc00cc;">#container</span>  <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">min-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">420px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Min container's width */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #cc00cc;">#col1</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fc0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Column's background color */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span>
    <span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Right edge float */</span>
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">150px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Left column width */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #cc00cc;">#col2</span>  <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#c0c0c0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Column's background color*/</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span>
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">250px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Right column width */</span>
    <span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Right edge float */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;container&quot;</span><span style="color: #00AA00;">&gt;</span>
   &lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;col1&quot;</span><span style="color: #00AA00;">&gt;</span>Column <span style="color: #cc66cc;">1</span>&lt;/div<span style="color: #00AA00;">&gt;</span>
   &lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;col2&quot;</span><span style="color: #00AA00;">&gt;</span>Column <span style="color: #cc66cc;">2</span>&lt;/div<span style="color: #00AA00;">&gt;</span>
  &lt;/div<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/min-width1.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/min-width1.jpg" alt="" title="min-width" width="471" height="308" class="aligncenter size-full wp-image-3343" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.minWidth</pre></div></div>

<dd>
<dd><a class="menu_black" title="Form Creator" href="http://phpforms.net/tutorial/html-basics/form-creator.html">Form Creator</a></dd>
<dd><a class="menu_black" title="Form Builder" href="http://phpforms.net/tutorial/html-basics/form-builder.html">Form Builder</a></dd>
<dd><a class="menu_black" title="PHP Form" href="http://phpforms.net/tutorial/html-basics/php-forms.html">PHP Form</a></dd>
<dd><a class="menu_black" title="Web Forms" href="http://phpforms.net/tutorial/html-basics/web-forms.html">Web Forms</a></dd>
</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/min-width.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>min-height</title>
		<link>http://phpforms.net/tutorial/css-reference/min-height.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/min-height.html#comments</comments>
		<pubDate>Tue, 13 Apr 2010 07:13:56 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3328</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
No
No
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS2


Default value 
none


Inherited
No


Applied
To all elements except built-in elements and tables


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/visudet.html#min-max-heights




Description
It determines the minimum height of an element. Value of element height will be calculated depending on the determined parameters height, max-height and min-height. In tab. 1 it is shown what the browser applies in time of concurrent use of [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS2</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">none</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements except built-in elements and tables</font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights">http://www.w3.org/TR/CSS21/visudet.html#min-max-heights</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It determines the minimum height of an element. Value of element height will be calculated depending on the determined parameters height, max-height and min-height. In tab. 1 it is shown what the browser applies in time of concurrent use of the specified properties.</div>
<p></p>
<div style="font-size:1.5em;">Table 1. Element hight</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<td class="browser rdline" colspan="5"><font size="2">Parameters values </font></td>
<td><font size="2">Height</font></td>
</tr>
<tr>
<th><font size="2">min-height</font></th>
<td><font size="2">&lt;</font></td>
<td><font size="2">height</font></td>
<td><font size="2">&lt;</font></td>
<td><font size="2">max-height</font></td>
<td><font size="2">height</font></td>
</tr>
<tr>
<th><font size="2">min-height</font></th>
<td><font size="2">&gt;</font></td>
<td><font size="2">height</font></td>
<td><font size="2">&gt;</font></td>
<td><font size="2">max-height</font></td>
<td><font size="2">min-height</font></td>
</tr>
<tr>
<th><font size="2">min-height</font></th>
<td><font size="2">&gt;</font></td>
<td><font size="2">height</font></td>
<td><font size="2">&lt;</font></td>
<td><font size="2">max-height</font></td>
<td><font size="2">min-height</font></td>
</tr>
<tr>
<th><font size="2">min-height</font></th>
<td><font size="2">&lt;</font></td>
<td><font size="2">height</font></td>
<td><font size="2">   </font></td>
<td><font size="2">   </font></td>
<td><font size="2">height</font></td>
</tr>
<tr>
<th><font size="2">min-height</font></th>
<td><font size="2">&gt;</font></td>
<td><font size="2">height</font></td>
<td><font size="2">   </font></td>
<td><font size="2">   </font></td>
<td><font size="2">minheight</font></td>
</tr>
<tr>
<th><font size="2">min-height</font></th>
<td><font size="2">&gt;</font></td>
<td><font size="2">   </font></td>
<td><font size="2">   </font></td>
<td><font size="2">max-height</font></td>
<td><font size="2">min-height</font></td>
</tr>
<tr>
<th><font size="2">min-height</font></th>
<td><font size="2">&lt;</font></td>
<td><font size="2">   </font></td>
<td><font size="2">   </font></td>
<td><font size="2">max-height</font></td>
<td><font size="2">max-height</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">This table data means following: if height value (height) is less than value min-height the element height is accepted equal to the value min-height.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">min-height</span><span style="color: #00AA00;">:</span> value | <span style="color: #993333;">none</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
Pixels (px) and percent (%) are accepted as values. Value none removes all height restrictions<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Cloverfield&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #cc00cc;">#bottom</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#66806E</span> <span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span><span style="color: #ff0000; font-style: italic;">images/clover.png</span><span style="color: #00AA00;">&#41;</span> <span style="color: #993333;">no-repeat</span> <span style="color: #933;">20px</span> <span style="color: #000000; font-weight: bold;">bottom</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background parameters */</span> 
    <span style="color: #000000; font-weight: bold;">min-height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">80px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Min height */</span> 
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#E4BC96</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text color */</span> 
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span> <span style="color: #933;">5px</span> <span style="color: #933;">5px</span> <span style="color: #933;">140px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span> 
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #cc00cc;">#bottom</span> p <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
   <span style="color: #cc00cc;">#bottom</span> a <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#FFFDE0</span><span style="color: #00AA00;">;</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;bottom&quot;</span><span style="color: #00AA00;">&gt;</span>
    &lt;p<span style="color: #00AA00;">&gt;</span>Site Cloverfield&lt;/p<span style="color: #00AA00;">&gt;</span>
    &lt;p<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;info.html&quot;</span><span style="color: #00AA00;">&gt;</span>Information about the site&lt;/a<span style="color: #00AA00;">&gt;</span> &lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;author.html&quot;</span><span style="color: #00AA00;">&gt;</span>About the author&lt;/a<span style="color: #00AA00;">&gt;</span>&lt;/p<span style="color: #00AA00;">&gt;</span>
  &lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">In this example for making the background image not cut at the top edge the min height is defined as 80 pixels. The result of this example is shown on the figure 2</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/min-height1.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/min-height1.jpg" alt="" title="min-height" width="431" height="300" class="aligncenter size-full wp-image-3592" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.minHeight</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/min-height.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>max-width</title>
		<link>http://phpforms.net/tutorial/css-reference/max-width.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/max-width.html#comments</comments>
		<pubDate>Tue, 13 Apr 2010 06:13:02 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3323</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
No
No
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS2


Default value 
No


Inherited
No


Applied
To all elements except built-in elements and tables


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width




Description
This argument determines the maximum width of an element. Value of element width will be calculated depending on the determined parameters width, max-width and min-width. In tab. 1 it is shown what the browser uses at concurrent use of the [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS2</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements except built-in elements and tables</font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width">http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
This argument determines the maximum width of an element. Value of element width will be calculated depending on the determined parameters width, max-width and min-width. In tab. 1 it is shown what the browser uses at concurrent use of the specified properties.</div>
<p></p>
<div style="font-size:1.5em;">Table 1. Element width</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<td class="browser rdline" colspan="5"><font size="2">Parameters values </font></td>
<td><font size="2">Width</font></td>
</tr>
<tr>
<th><font size="2">min-width</font></th>
<td><font size="2">&lt;</font></td>
<td><font size="2">width</font></td>
<td><font size="2">&lt;</font></td>
<td><font size="2">max-width</font></td>
<td><font size="2">width</font></td>
</tr>
<tr>
<th><font size="2">    </font></th>
<td><font size="2">   </font></td>
<td><font size="2">width</font></td>
<td><font size="2">&lt;</font></td>
<td><font size="2">max-width</font></td>
<td><font size="2">width</font></td>
</tr>
<tr>
<th><font size="2">   </font></th>
<td><font size="2">   </font></td>
<td><font size="2">width</font></td>
<td><font size="2">&gt; </font></td>
<td><font size="2">max-width</font></td>
<td><font size="2">max-width</font></td>
</tr>
<tr>
<th><font size="2">min-width</font></th>
<td><font size="2">&gt;</font></td>
<td><font size="2">width</font></td>
<td><font size="2">&gt; </font></td>
<td><font size="2">max-width</font></td>
<td><font size="2">min-width</font></td>
</tr>
<tr>
<th><font size="2">min-width</font></th>
<td><font size="2">&gt;</font></td>
<td><font size="2">width</font></td>
<td><font size="2">&lt;</font></td>
<td><font size="2">max-width</font></td>
<td><font size="2">min-width</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">This table data means following: if width value (width) is more than value max-width the element width is accepted equal to the value max-width.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">max-width</span><span style="color: #00AA00;">:</span> value</pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
Pixels (px) and percent (%) are accepted as values<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Версия сайта для КПК&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span> media<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;handheld&quot;</span><span style="color: #00AA00;">&gt;</span>
   body <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">max-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">320px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Max page width in pixels */</span> 
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;h1<span style="color: #00AA00;">&gt;</span>Title text&lt;/h1<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>Example text&lt;/p<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">In this example the page width is limited to 320 pixels for all palm gadgets (palm pocket computers, smartphones and other gadgets able to image HTML-documents).</div>
<p></p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.maxWidth</pre></div></div>

<dd>
<dd><a class="menu_black" title="Form Creator" href="http://phpforms.net/tutorial/html-basics/form-creator.html">Form Creator</a></dd>
<dd><a class="menu_black" title="Form Builder" href="http://phpforms.net/tutorial/html-basics/form-builder.html">Form Builder</a></dd>
<dd><a class="menu_black" title="PHP Form" href="http://phpforms.net/tutorial/html-basics/php-forms.html">PHP Form</a></dd>
<dd><a class="menu_black" title="Web Forms" href="http://phpforms.net/tutorial/html-basics/web-forms.html">Web Forms</a></dd>
</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/max-width.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>max-height</title>
		<link>http://phpforms.net/tutorial/css-reference/max-height.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/max-height.html#comments</comments>
		<pubDate>Tue, 13 Apr 2010 05:58:56 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3316</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
No
No
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS2


Default value 
none


Inherited
No


Applied
To all elements except built-in elements and tables


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/visudet.html#min-max-heights



Description
It determines the maximum height of an element. Value of element height will be calculated depending on the determined parameters height, max-height and min-height. In tab. 1 it is shown what the browser uses at concurrent use of the specified [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">No</span></td>
<td class="yes"><span style="font-size: x-small;">No</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS2</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">none</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all elements except built-in elements and tables</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights">http://www.w3.org/TR/CSS21/visudet.html#min-max-heights</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
It determines the maximum height of an element. Value of element height will be calculated depending on the determined parameters height, max-height and min-height. In tab. 1 it is shown what the browser uses at concurrent use of the specified properties.</div>
<div style="font-size: 1.5em;">Table 1. Element hight</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<td class="browser rdline" colspan="5"><span style="font-size: x-small;">Parameters values </span></td>
<td><span style="font-size: x-small;">Height</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">min-width</span></th>
<td><span style="font-size: x-small;">&lt;</span></td>
<td><span style="font-size: x-small;">height</span></td>
<td><span style="font-size: x-small;">&lt;</span></td>
<td><span style="font-size: x-small;">max-height</span></td>
<td><span style="font-size: x-small;">height</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;"> </span></th>
<td><span style="font-size: x-small;"> </span></td>
<td><span style="font-size: x-small;">height</span></td>
<td><span style="font-size: x-small;">&lt;</span></td>
<td><span style="font-size: x-small;">max-height</span></td>
<td><span style="font-size: x-small;">height</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;"> </span></th>
<td><span style="font-size: x-small;"> </span></td>
<td><span style="font-size: x-small;">height</span></td>
<td><span style="font-size: x-small;">&gt; </span></td>
<td><span style="font-size: x-small;">max-height</span></td>
<td><span style="font-size: x-small;">max-height</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">min-height</span></th>
<td><span style="font-size: x-small;">&gt;</span></td>
<td><span style="font-size: x-small;">height</span></td>
<td><span style="font-size: x-small;">&gt; </span></td>
<td><span style="font-size: x-small;">max-height</span></td>
<td><span style="font-size: x-small;">min-height</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">min-height</span></th>
<td><span style="font-size: x-small;">&gt;</span></td>
<td><span style="font-size: x-small;">height</span></td>
<td><span style="font-size: x-small;">&lt;</span></td>
<td><span style="font-size: x-small;">max-height</span></td>
<td><span style="font-size: x-small;">min-height</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">This table data means following: if value of height (height) is more than value max-height the element height is accepted equal to the value max-height.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">max-height</span><span style="color: #00AA00;">:</span> value | <span style="color: #993333;">none</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
Pixels (px) and percent (%) are accepted as values. Value none removes all height restrictions.</p>
<p><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   <span style="color: #6666ff;">.block</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">overflow</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">auto</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Scrolling band if it is necessary */</span> 
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span> 
    <span style="color: #000000; font-weight: bold;">max-height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">80px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Max height */</span> 
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ffe</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span> 
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#cb2027</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame parameters */</span> 
   <span style="color: #00AA00;">&#125;</span> 
   <span style="color: #6666ff;">.block</span> p <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span> <span style="color: #993333;">auto</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Paragraph's margins */</span> 
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;block&quot;</span><span style="color: #00AA00;">&gt;</span>
&nbsp;
Blocking of the element doesn<span style="color: #ff0000;">'t allow at all
      to perform any actions with it including content'</span>s selection of
       <span style="color: #993333;">text</span> area<span style="color: #00AA00;">,</span> change or activate it.
       Blocked area is usually marked <span style="color: #993333;">gray</span>
&nbsp;
Some browsers allow to select and copy
       the <span style="color: #000000; font-weight: bold;">content</span> of blocked <span style="color: #993333;">text</span> area but all other
       actions are unavailable.&lt;/div<span style="color: #00AA00;">&gt;</span></pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 1</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/max-height.jpg"><img class="aligncenter size-full wp-image-3317" title="max-height" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/max-height.jpg" alt="" width="424" height="308" /></a></p>
<div style="font-size: 1.5em;"><strong>Object model</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.maxHeight</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/max-height.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>margin-top</title>
		<link>http://phpforms.net/tutorial/css-reference/margin-top.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/margin-top.html#comments</comments>
		<pubDate>Tue, 13 Apr 2010 05:34:06 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3311</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
0


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#propdef-margin-top




Description
It determines an indentation size from the top margin of an element. A space is the distance from external margin of the current element top margin to internal margin of its parental element (fig. 1).



Syntax


margin-top: value &#124; auto.


Arguments
You can specify size of the top [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">0</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top">http://www.w3.org/TR/CSS21/box.html#propdef-margin-top</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It determines an indentation size from the top margin of an element. A space is the distance from external margin of the current element top margin to internal margin of its parental element (fig. 1).</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/m-top1.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/m-top1.jpg" alt="" title="m-top1" width="352" height="224" class="aligncenter size-full wp-image-3312" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">margin-top</span><span style="color: #00AA00;">:</span> value | auto.</pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
You can specify size of the top indentation in pixels (px), percent (%) or other admissible units for CSS. Value can be both positive and a negative number. The argument auto specifies that the indentation size will be automatically calculated by a browser.<br />
<br />
<strong>Example</strong>
</div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>margin-top&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   DIV <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fc3</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span> <span style="color: #993333;">solid</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span>  <span style="color: #808080; font-style: italic;">/* Frame parameters */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">20px</span><span style="color: #00AA00;">;</span>  <span style="color: #808080; font-style: italic;">/* Areas around the text */</span>
    <span style="color: #000000; font-weight: bold;">margin-top</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">20</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Top margin */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;div<span style="color: #00AA00;">&gt;</span>
   Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem nonummy nibh 
   euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim 
   ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit lobortis nisl 
   ut aliquip ex ea commodo consequat.
  &lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 2</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/margin-top2.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/margin-top2.jpg" alt="" title="margin-top2" width="488" height="412" class="aligncenter size-full wp-image-3313" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.marginTop</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/margin-top.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>margin-right</title>
		<link>http://phpforms.net/tutorial/css-reference/margin-right.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/margin-right.html#comments</comments>
		<pubDate>Tue, 13 Apr 2010 05:18:42 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3306</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
0


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#propdef-margin-right




Description
It determines an indentation size from the right margin of an element. A space is the distance from external margin of the current element right margin to internal margin of its parental element (fig. 1).



Syntax


margin-right: value &#124; auto


Arguments
You can specify size of the right [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">0</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right">http://www.w3.org/TR/CSS21/box.html#propdef-margin-right</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It determines an indentation size from the right margin of an element. A space is the distance from external margin of the current element right margin to internal margin of its parental element (fig. 1).</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/mar-right1.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/mar-right1.jpg" alt="" title="mar-right1" width="311" height="323" class="aligncenter size-full wp-image-3307" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">margin-right</span><span style="color: #00AA00;">:</span> value | <span style="color: #993333;">auto</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
You can specify size of the right indentation in pixels (px), percent (%) or other admissible units for CSS. Value can be both positive and a negative number. The argument auto specifies that the indentation size will be automatically calculated by a browser.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>margin-right&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   BODY <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">margin-right</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">25</span>%</span><span style="color: #00AA00;">;</span>  <span style="color: #808080; font-style: italic;">/* Right margin */</span>
    <span style="color: #000000; font-weight: bold;">margin-left</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">25</span>%</span><span style="color: #00AA00;">;</span>  <span style="color: #808080; font-style: italic;">/* Left margin */</span>
   <span style="color: #00AA00;">&#125;</span>
   DIV<span style="color: #6666ff;">.panel</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#007083</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">white</span><span style="color: #00AA00;">;</span>  <span style="color: #808080; font-style: italic;">/* Text color */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span>
    <span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">justify</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Width alignment */</span> 
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;panel&quot;</span><span style="color: #00AA00;">&gt;</span>
   Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem nonummy nibh 
   euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim 
   ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit lobortis nisl 
   ut aliquip ex ea commodo consequat.
  &lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 2</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/m-r2.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/m-r2.jpg" alt="" title="m-r2" width="454" height="401" class="aligncenter size-full wp-image-3308" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.marginRight</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/margin-right.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>margin-left</title>
		<link>http://phpforms.net/tutorial/css-reference/margin-left.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/margin-left.html#comments</comments>
		<pubDate>Tue, 13 Apr 2010 04:52:46 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3301</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS1


Default value 
0


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#propdef-margin-left



Description
It determines an indentation size from the left margin of an element. A space is the distance from external margin of the current element left margin to internal margin of its parental element (fig. 1).

Syntax

margin-left: value &#124; auto

Arguments
You can specify size of the left [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS1</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">0</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all elements </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left">http://www.w3.org/TR/CSS21/box.html#propdef-margin-left</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
It determines an indentation size from the left margin of an element. A space is the distance from external margin of the current element left margin to internal margin of its parental element (fig. 1).</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/mar-left1.jpg"><img class="aligncenter size-full wp-image-3302" title="mar-left1" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/mar-left1.jpg" alt="" width="278" height="344" /></a></p>
<div style="font-size: 1.5em;"><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">margin-left</span><span style="color: #00AA00;">:</span> value | <span style="color: #993333;">auto</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
You can specify size of the left indentation in pixels (px), percent (%) or other admissible units for CSS. Value can be both positive and a negative number. The argument auto specifies that the indentation size will be automatically calculated by a browser.</p>
<p><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   <span style="color: #6666ff;">.layer1</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#D36037</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #6666ff;">.layer2</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">margin-left</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">20</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Left margin */</span>
    <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ccc</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span>
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;layer1&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;layer2&quot;</span><span style="color: #00AA00;">&gt;</span>
    Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem nonummy nibh
    euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim
    ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit lobortis nisl
    ut aliquip ex ea commodo consequat.&lt;/div<span style="color: #00AA00;">&gt;</span>
&lt;/div<span style="color: #00AA00;">&gt;</span></pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 2</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/mar-left2.jpg"><img class="aligncenter size-full wp-image-3303" title="mar-left2" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/mar-left2.jpg" alt="" width="446" height="333" /></a></p>
<div style="font-size: 1.5em;"><strong>Object model</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.marginLeft</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/margin-left.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>margin-bottom</title>
		<link>http://phpforms.net/tutorial/css-reference/margin-bottom.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/margin-bottom.html#comments</comments>
		<pubDate>Tue, 13 Apr 2010 04:41:23 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3296</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
0


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom




Description
It determines an indentation size from the bottom margin of an element. A space is the distance from external margin of the current element bottom margin to internal margin of its parental element (fig. 1).



Syntax


margin-bottom: value &#124; auto


Arguments
You can specify size of the bottom [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">0</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom">http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It determines an indentation size from the bottom margin of an element. A space is the distance from external margin of the current element bottom margin to internal margin of its parental element (fig. 1).</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/margin-bottom.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/margin-bottom.jpg" alt="" title="margin-bottom" width="369" height="233" class="aligncenter size-full wp-image-3297" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">margin-bottom</span><span style="color: #00AA00;">:</span> value | <span style="color: #993333;">auto</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
You can specify size of the bottom indentation in pixels (px), percent (%) or other admissible units for CSS. Value can be both positive and a negative number. The argument auto specifies that the indentation size will be automatically calculated by a browser.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>margin-bottom&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #6666ff;">.layer1</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#008B66</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">white</span><span style="color: #00AA00;">;</span>  <span style="color: #808080; font-style: italic;">/* Text color */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span>  <span style="color: #808080; font-style: italic;">/* Areas around the text */</span>
    <span style="color: #000000; font-weight: bold;">margin-bottom</span><span style="color: #00AA00;">:</span> <span style="color: #933;">-7px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Bottom margin */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #6666ff;">.layer2</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">margin-left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">40px</span><span style="color: #00AA00;">;</span>  <span style="color: #808080; font-style: italic;">/* Left margin */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ccc</span><span style="color: #00AA00;">;</span>  <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text*/</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;layer1&quot;</span><span style="color: #00AA00;">&gt;</span>
   &lt;big<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet&lt;/big<span style="color: #00AA00;">&gt;</span>
  &lt;/div<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;layer2&quot;</span><span style="color: #00AA00;">&gt;</span>
   Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem nonummy nibh 
   euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim 
   ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit lobortis nisl 
   ut aliquip ex ea commodo consequat. 
  &lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 2</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/mar-bot2.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/mar-bot2.jpg" alt="" title="mar-bot2" width="449" height="344" class="aligncenter size-full wp-image-3298" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.marginBottom</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/margin-bottom.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>margin</title>
		<link>http://phpforms.net/tutorial/css-reference/margin.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/margin.html#comments</comments>
		<pubDate>Tue, 13 Apr 2010 04:28:52 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3290</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS1


Default value 
No


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#propdef-margin



Description
It determines a space size from each border of an element. A space is the space from border of a current element to internal border of its parental element (fig. 1).

If the element does not have parent, the distance from element border to a [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS1</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all elements </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/box.html#propdef-margin">http://www.w3.org/TR/CSS21/box.html#propdef-margin</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
It determines a space size from each border of an element. A space is the space from border of a current element to internal border of its parental element (fig. 1).</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/margin1.jpg"><img class="aligncenter size-full wp-image-3291" title="margin1" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/margin1.jpg" alt="" width="245" height="278" /></a></p>
<div style="font-size: 1.5em;">If the element does not have parent, the distance from element border to a window border of a browser taking into account that spaces are determined by default at the window too. If you want to dispose of them, it is necessary to determine the value margin for the selector   that is equal to zero.<br />
The parameter margin allows to set space size for all parties of an element at once or to define it only for the specified parties.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> value | <span style="color: #993333;">auto</span> <span style="color: #00AA00;">&#123;</span><span style="color: #cc66cc;">1</span><span style="color: #00AA00;">,</span><span style="color: #cc66cc;">4</span><span style="color: #00AA00;">&#125;</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
It is allowed to use one, two, three or four values, dividing them among themselves by a blank. The effect depends on quantity of arguments and is given in tab. 1.</div>
<div style="font-size: 1.5em;">Тab. 1. Dependence on amount of arguments</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Amount of arguments</span></th>
<td><span style="font-size: x-small;">Result</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">1</span></th>
<td><span style="font-size: x-small;">Indents will be determined for all element sides.</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">2</span></th>
<td><span style="font-size: x-small;">The first argument determines a space from top and a bottom borders, the second argument — from left and right ones.</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">3</span></th>
<td><span style="font-size: x-small;">The first argument sets a space from an upper border, the second does from left and a right edge simultaneously, and the third — from a bottom border.</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">4</span></th>
<td><span style="font-size: x-small;">The space is determined step by step from top, right, bottom and a left border.</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">It is possible to specify size of spaces in pixels (px), percent (%) or other admissible units for CSS. Value can be both positive and a negative number. The argument auto specifies that the size of spaces will be automatically calculated by a browser.</p>
<p><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   BODY <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Remove indents */</span>
   <span style="color: #00AA00;">&#125;</span>
   DIV<span style="color: #6666ff;">.parent</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">20</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Margins around the element */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fd0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span>
   <span style="color: #00AA00;">&#125;</span> 
   DIV<span style="color: #6666ff;">.child</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#666</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame parameters */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span>
    <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Margins around */</span>
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;parent&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;child&quot;</span><span style="color: #00AA00;">&gt;</span>
    Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem nonummy nibh
    euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim
    ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit lobortis nisl
    ut aliquip ex ea commodo consequat.&lt;/div<span style="color: #00AA00;">&gt;</span>
&lt;/div<span style="color: #00AA00;">&gt;</span></pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 2</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/margin2.jpg"><img class="aligncenter size-full wp-image-3293" title="margin2" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/margin2.jpg" alt="" width="564" height="624" /></a></p>
<div style="font-size: 1.5em;"><strong>Object model</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.<span style="color: #000000; font-weight: bold;">margin</span></pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/margin.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>list-style-type</title>
		<link>http://phpforms.net/tutorial/css-reference/list-style-type.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/list-style-type.html#comments</comments>
		<pubDate>Mon, 12 Apr 2010 11:32:49 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3282</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Errors
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS2


Default value 
disc (for &#60;UL&#62;), decimal (for &#60;OL&#62;)


Inherited
Yes


Applied
To tags &#60;DD&#62;, &#60;DT&#62;, &#60;LI&#62;, &#60;OL&#62;and &#60;UL&#62; and also to all elements having specified the style property "display: list-item" 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type



Description
It changes a marker kind for each element of the list. This attribute is used only when value of property list-style-image is determined [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Errors</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS2</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">disc (for &lt;UL&gt;), decimal (for &lt;OL&gt;)</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">Yes</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To tags &lt;DD&gt;, &lt;DT&gt;, &lt;LI&gt;, &lt;OL&gt;and &lt;UL&gt; and also to all elements having specified the style property "display: list-item" </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type">http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
It changes a marker kind for each element of the list. This attribute is used only when value of property list-style-image is determined as none. Markers differ for the marked list (tag  &lt;UL&gt;) and numbered (tag  &lt;OL&gt;).</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">list-style-type</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">disc</span> | <span style="color: #993333;">circle</span> | <span style="color: #993333;">square</span> | <span style="color: #993333;">decimal</span> | <span style="color: #993333;">lower-roman</span> | <span style="color: #993333;">upper-roman</span> | <span style="color: #993333;">lower-alpha</span> | <span style="color: #993333;">upper-alpha</span> | <span style="color: #993333;">none</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
The arguments circle, disc, square are used for the marked list. For the numbered list: decimal, lower-alpha, lower-roman, upper-alpha, upper-roman. The argument none determines marker type. It is the same as a parental element.</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/markers.jpg"><img class="aligncenter size-full wp-image-3284" title="markers" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/markers.jpg" alt="" width="244" height="309" /></a></p>
<div style="font-size: 1.5em;"><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   UL <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">list-style-type</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">square</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Square markers */</span>
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&lt;ul<span style="color: #00AA00;">&gt;</span>
	&lt;li<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet&lt;/li<span style="color: #00AA00;">&gt;</span>
	&lt;li<span style="color: #00AA00;">&gt;</span>Consectetuer adipiscing elit&lt;/li<span style="color: #00AA00;">&gt;</span>
	&lt;li<span style="color: #00AA00;">&gt;</span>Sed diem nonummy nibh euismod&lt;/li<span style="color: #00AA00;">&gt;</span>
	&lt;li<span style="color: #00AA00;">&gt;</span>Tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis
    enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit lobortis
    nisl ut aliquip ex ea commodo consequat.&lt;/li<span style="color: #00AA00;">&gt;</span>
&lt;/ul<span style="color: #00AA00;">&gt;</span></pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 1</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/list-style-type.jpg"><img class="aligncenter size-full wp-image-3285" title="list-style-type" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/list-style-type.jpg" alt="" width="434" height="357" /></a></p>
<div style="font-size: 1.5em;"><strong>Object model</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.listStyleType</pre></div></div>

<div style="font-size: 1.5em;"><strong>Remark</strong><br />
When you use the enumerate list &lt;OL&gt; and the value "inside" of the parameter "list-style-position" in the browser Internet Explorer 6 the numbers beginning from 10 collide the list text.</div>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/list-style-type.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>list-style-position</title>
		<link>http://phpforms.net/tutorial/css-reference/list-style-position.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/list-style-position.html#comments</comments>
		<pubDate>Mon, 12 Apr 2010 11:12:40 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3275</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Errors
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
outside


Inherited
Yes


Applied
To tags &#60;DD&#62;, &#60;DT&#62;, &#60;LI&#62;, &#60;OL&#62;and &#60;UL&#62; and also to all elements having specified the style property "display: list-item" 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position




Description
It defines how the marker will be placed relative to the text. There are 2 values: "outside" - marker is placed outside the text (fig.1); and "inside" - [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Errors</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">outside</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To tags &lt;DD&gt;, &lt;DT&gt;, &lt;LI&gt;, &lt;OL&gt;and &lt;UL&gt; and also to all elements having specified the style property "display: list-item" </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position">http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It defines how the marker will be placed relative to the text. There are 2 values: "outside" - marker is placed outside the text (fig.1); and "inside" - marker is flowed by the text (fig.2).</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/outside.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/outside.jpg" alt="" title="outside" width="437" height="339" class="aligncenter size-full wp-image-3276" /></a><br />
<br />
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/inside.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/inside.jpg" alt="" title="inside" width="436" height="313" class="aligncenter size-full wp-image-3277" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">list-style-position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">inside</span> | <span style="color: #993333;">outside</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
inside<br />
Marker is a part of the text block and is imaged in the list element.<br />
outside<br />
Text is left aligned and markers are placed outside the text block.<br />
<br />
<strong>Example</strong>
</div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>list-style-position&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   UL <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">list-style-image</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span><span style="color: #ff0000; font-style: italic;">images/book.gif</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Path to the image for marker setting */</span>
    <span style="color: #000000; font-weight: bold;">list-style-position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">inside</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Marker is flowed by the text */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;ul<span style="color: #00AA00;">&gt;</span>
   &lt;li<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet&lt;/li<span style="color: #00AA00;">&gt;</span>
   &lt;li<span style="color: #00AA00;">&gt;</span>Consectetuer adipiscing elit&lt;/li<span style="color: #00AA00;">&gt;</span>
   &lt;li<span style="color: #00AA00;">&gt;</span>Sed diem nonummy nibh euismod&lt;/li<span style="color: #00AA00;">&gt;</span>
   &lt;li<span style="color: #00AA00;">&gt;</span>Tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis 
   enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit lobortis 
   nisl ut aliquip ex ea commodo consequat.&lt;/li<span style="color: #00AA00;">&gt;</span>
  &lt;/ul<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 3</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/list-style-position.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/list-style-position.jpg" alt="" title="list-style-position" width="440" height="343" class="aligncenter size-full wp-image-3278" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.listStylePosition</pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Remark</strong><br />
In the browser Internet Explorer 6 when you use the enumerated list &lt;OL&gt; and the value "inside" of the parameter "list-style-position", the numbers more than 10 begin to collide the list text.</div>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/list-style-position.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>list-style-image</title>
		<link>http://phpforms.net/tutorial/css-reference/list-style-image.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/list-style-image.html#comments</comments>
		<pubDate>Mon, 12 Apr 2010 10:42:55 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3270</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS1


Default value 
No


Inherited
Yes


Applied
To tags &#60;DD&#62;, &#60;DT&#62;, &#60;LI&#62;, &#60;OL&#62;and &#60;UL&#62; and also to all elements having specified the style property "display: list-item" 


HTML analog
&#60;ul type &#62; &#124; &#60;ol type &#62; &#124; &#60;li type &#62;


Reference to specification 
http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image



Description
This parameter determines the image address which serves as a list marker. This attribute is inherited; therefore value [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS1</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">Yes</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To tags &lt;DD&gt;, &lt;DT&gt;, &lt;LI&gt;, &lt;OL&gt;and &lt;UL&gt; and also to all elements having specified the style property "display: list-item" </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">&lt;ul type &gt; | &lt;ol type &gt; | &lt;li type &gt;</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image">http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
This parameter determines the image address which serves as a list marker. This attribute is inherited; therefore value none is used for separate elements of the list for marker restoration.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">list-style-image</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span> | <span style="color: #993333;">url</span> <span style="color: #00AA00;">&#40;</span>a path to a file<span style="color: #00AA00;">&#41;</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
Relative or absolute way to a graphic file is used as the value. The argument none cancels the image as a marker for a parental element.</p>
<p><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   UL <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">list-style-image</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">'images/book.gif'</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span>
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&lt;ul<span style="color: #00AA00;">&gt;</span>
	&lt;li<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet&lt;/li<span style="color: #00AA00;">&gt;</span>
	&lt;li<span style="color: #00AA00;">&gt;</span>Consectetuer adipiscing elit&lt;/li<span style="color: #00AA00;">&gt;</span>
	&lt;li<span style="color: #00AA00;">&gt;</span>Sed diem nonummy nibh euismod&lt;/li<span style="color: #00AA00;">&gt;</span>
	&lt;li<span style="color: #00AA00;">&gt;</span>Tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis
   enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit lobortis
   nisl ut aliquip ex ea commodo consequat.&lt;/li<span style="color: #00AA00;">&gt;</span>
&lt;/ul<span style="color: #00AA00;">&gt;</span></pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 1</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/list-style-image.jpg"><img class="aligncenter size-full wp-image-3272" title="list-style-image" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/list-style-image.jpg" alt="" width="392" height="348" /></a></p>
<div style="font-size: 1.5em;"><strong>Object model</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.listStyleImage</pre></div></div>

<div style="font-size: 1.5em;"><strong>Remark</strong><br />
In different browsers the distance between the image and the text may be different.</div>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/list-style-image.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>list-style</title>
		<link>http://phpforms.net/tutorial/css-reference/list-style.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/list-style.html#comments</comments>
		<pubDate>Mon, 12 Apr 2010 10:25:25 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3264</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS2


Default value 
disc (for &#60;UL&#62;), decimal (for &#60;OL&#62;)


Inherited
Yes


Applied
To tags &#60;DD&#62;, &#60;DT&#62;, &#60;LI&#62;, &#60;OL&#62;and &#60;UL&#62; and also to all elements having specified the style property "display: list-item" 


HTML analog
&#60;ul type &#62; &#124; &#60;ol type &#62; &#124; &#60;li type &#62;


Reference to specification 
http://www.w3.org/TR/CSS21/generate.html#propdef-list-style




Description
This attribute allows specifying simultaneously a marker style, location and also the image [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS2</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">disc (for &lt;UL&gt;), decimal (for &lt;OL&gt;)</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To tags &lt;DD&gt;, &lt;DT&gt;, &lt;LI&gt;, &lt;OL&gt;and &lt;UL&gt; and also to all elements having specified the style property "display: list-item" </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;ul type &gt; | &lt;ol type &gt; | &lt;li type &gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style">http://www.w3.org/TR/CSS21/generate.html#propdef-list-style</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
This attribute allows specifying simultaneously a marker style, location and also the image which will be used as a marker. If you want to learn documents more carefully, you should look properties of each parameter separately: list-style-type, list-style-position and list-style-image.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">list-style</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">list-style-type</span> || <span style="color: #000000; font-weight: bold;">list-style-position</span> || <span style="color: #000000; font-weight: bold;">list-style-image</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
There are any combinations of 3 values defining markers style. They can be in any order. Values are divided among themselves by a blank. Any argument is not obligatory; therefore not used values can be lowered.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>list-style&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   UL <span style="color: #00AA00;">&#123;</span>
   <span style="color: #000000; font-weight: bold;">list-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">square</span> <span style="color: #993333;">outside</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Square markers */</span>
                               <span style="color: #808080; font-style: italic;">/* Markers are placed autside 
                                  the text block */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;ul<span style="color: #00AA00;">&gt;</span>
   &lt;li<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet&lt;/li<span style="color: #00AA00;">&gt;</span>
   &lt;li<span style="color: #00AA00;">&gt;</span>Consectetuer adipiscing elit&lt;/li<span style="color: #00AA00;">&gt;</span>
   &lt;li<span style="color: #00AA00;">&gt;</span>Sed diem nonummy nibh euismod&lt;/li<span style="color: #00AA00;">&gt;</span>
   &lt;li<span style="color: #00AA00;">&gt;</span>Tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis 
    enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit lobortis 
    nisl ut aliquip ex ea commodo consequat.&lt;/li<span style="color: #00AA00;">&gt;</span>
  &lt;/ul<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/list-style.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/list-style.jpg" alt="" title="list-style" width="434" height="354" class="aligncenter size-full wp-image-3265" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.listStyle</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/list-style.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>link</title>
		<link>http://phpforms.net/tutorial/css-reference/link.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/link.html#comments</comments>
		<pubDate>Mon, 12 Apr 2010 10:09:39 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3259</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Applied
To links (tag &#60;A&#62;) 


HTML analog
&#60;body LINK="#RRGGBB"&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes




Description
Pseudo class link is used for links that have not been visited by users yet.  Also it specifies the style appearance.

Syntax


A:link &#123; ... &#125;


Arguments
No.

Example


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
&#60;!DOCTYPE HTML PUBLIC &#34;-//W3C//DTD HTML 4.01//EN&#34; &#34;http://www.w3.org/TR/html4/strict.dtd&#34;&#62;
&#60;html&#62;
 &#60;head&#62;
  &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=windows-1251&#34;&#62;
  &#60;title&#62;link&#60;/title&#62;
  &#60;style type=&#34;text/css&#34;&#62;
   [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To links (tag &lt;A&gt;) </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;body LINK="#RRGGBB"&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes">http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
Pseudo class link is used for links that have not been visited by users yet.  Also it specifies the style appearance.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">A<span style="color: #3333ff;">:link </span><span style="color: #00AA00;">&#123;</span> ... <span style="color: #00AA00;">&#125;</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
No.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>link&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   a<span style="color: #3333ff;">:link </span><span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#0000d0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Link color */</span>
   <span style="color: #00AA00;">&#125;</span>
   a<span style="color: #3333ff;">:visited </span><span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#900060</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Link visited color */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
   &lt;p<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;task2.html&quot;</span><span style="color: #00AA00;">&gt;</span>Find out the weight of  out-of-order load <span style="color: #00AA00;">&#40;</span>stone<span style="color: #00AA00;">&#41;</span>&lt;/a<span style="color: #00AA00;">&gt;</span>&lt;/p<span style="color: #00AA00;">&gt;</span> 
   &lt;p<span style="color: #00AA00;">&gt;</span>Given<span style="color: #00AA00;">:</span> chair<span style="color: #00AA00;">,</span> stick<span style="color: #00AA00;">,</span> rope<span style="color: #00AA00;">,</span> bismar with limited weight.&lt;/p<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/link.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/link.jpg" alt="" title="link" width="375" height="264" class="aligncenter size-full wp-image-3260" /></a>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/link.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>line-height</title>
		<link>http://phpforms.net/tutorial/css-reference/line-height.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/line-height.html#comments</comments>
		<pubDate>Mon, 12 Apr 2010 09:55:41 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3255</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS1


Default value 
normal


Inherited
Yes


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height



Description
It determines line spacing of a text. Readout is conducted from a font basic line. Under usual circumstances the distance between lines depends on a font kind and a font size and is defined by a browser automatically. Negative value of inter lower case [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS1</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">normal</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">Yes</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all elements </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height">http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
It determines line spacing of a text. Readout is conducted from a font basic line. Under usual circumstances the distance between lines depends on a font kind and a font size and is defined by a browser automatically. Negative value of inter lower case distance is not supposed.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">line-height</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">normal</span> |	multiplier | value | percent</pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
Value normal forces a browser to calculate distance between lines automatically. Any number of more zero is perceived as a multiplier from a font size of the current text. For example, value 1.5 determines one-and-a-half line spacing. Any length units in CSS are accepted as values — for example, pixels (px), inches (in) are accepted, points (pt), etc. It is allowed to use percentage record. In this case the font height undertakes 100 percent.</p>
<p><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   H1 <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">line-height</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">60</span>%</span><span style="color: #00AA00;">;</span>
   <span style="color: #00AA00;">&#125;</span> 
   P <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">line-height</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">1.5</span><span style="color: #00AA00;">;</span>
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&lt;h1<span style="color: #00AA00;">&gt;</span>Duis te feugifacilisi&lt;/h1<span style="color: #00AA00;">&gt;</span>
Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
  Ut wisis enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit
  lobortis nisl ut aliquip ex ea commodo consequat.</pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 1</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/line-height.jpg"><img class="aligncenter size-full wp-image-3256" title="line-height" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/line-height.jpg" alt="" width="503" height="420" /></a></p>
<div style="font-size: 1.5em;"><strong>Object model</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.lineHeight</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/line-height.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>letter-spacing</title>
		<link>http://phpforms.net/tutorial/css-reference/letter-spacing.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/letter-spacing.html#comments</comments>
		<pubDate>Mon, 12 Apr 2010 09:10:21 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3251</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS1


Default value 
normal


Inherited
Yes


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing



Description
This parameter defines an interval between symbols within an element. Browsers usually determine distance between symbols proceeding from font type and kind, sizes and operating system options. This attribute is applied to change this value. You can use negative value but in this case [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS1</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">normal</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">Yes</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all elements </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing">http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
This parameter defines an interval between symbols within an element. Browsers usually determine distance between symbols proceeding from font type and kind, sizes and operating system options. This attribute is applied to change this value. You can use negative value but in this case it is necessary to be convinced that text readability remains.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">letter-spacing</span><span style="color: #00AA00;">:</span> denotation | <span style="color: #993333;">normal</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
Any length units in CSS are accepted as values — for example, pixels (px), inches (in) are accepted, points (pt), etc. The best result gives use of relative units based on a font size (em and ex). The argument normal sets an interval between symbols as usually.</p>
<p><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   P <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">letter-spacing</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span>
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&lt;h1<span style="color: #00AA00;">&gt;</span>Duis te feugifacilisi&lt;/h1<span style="color: #00AA00;">&gt;</span>
Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
  Ut wisis enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit
  lobortis nisl ut aliquip ex ea commodo consequat.</pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 1</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/letter-spacing.jpg"><img class="aligncenter size-full wp-image-3252" title="letter-spacing" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/letter-spacing.jpg" alt="" width="503" height="420" /></a></p>
<div style="font-size: 1.5em;"><strong>Object model</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.letterSpacing</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/letter-spacing.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>left</title>
		<link>http://phpforms.net/tutorial/css-reference/left.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/left.html#comments</comments>
		<pubDate>Mon, 12 Apr 2010 08:58:54 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3245</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS2


Default value 
auto


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/visuren.html#propdef-left




Description
This parameter defines distance for the positioned element from a left edge of a parental element, not including a space, a field and framework width to a left edge of an affiliated element (fig. 1). Readout of coordinates depends on parameter position value. If [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS2</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">auto</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left">http://www.w3.org/TR/CSS21/visuren.html#propdef-left</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
This parameter defines distance for the positioned element from a left edge of a parental element, not including a space, a field and framework width to a left edge of an affiliated element (fig. 1). Readout of coordinates depends on parameter position value. If its argument is equal absolute, window of a browser is as the parent and element position is defined from its left border. In case of value relative, the argument left is counted from a left border of an element starting position.</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/left.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/left.jpg" alt="" title="left" width="400" height="338" class="aligncenter size-full wp-image-3246" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">:</span> denotation | percent | <span style="color: #993333;">auto</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
Any length units accepted in CSS are acecepted as values— for example, pixels (px), inches (in), points (pt), etc. Parameter denotation left can be negative, imposing of different elements against each other are possible in this case. At the value task in percentage element position is calculated depending on width of a parental element. The argument auto does not change element position.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>left&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #6666ff;">.layer1</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">absolute</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Absolute positioning */</span>
    <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">20px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Location from the left edge */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fc3</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Indents around the element */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #6666ff;">.layer2</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">relative</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Ralative positioning */</span>
    <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">-12px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Location from the left edge */</span>
    <span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">13px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Location from the top edge */</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame parameters */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span>
    <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Indents around the element */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;layer1&quot;</span><span style="color: #00AA00;">&gt;</span>
   &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;layer2&quot;</span><span style="color: #00AA00;">&gt;</span>
    Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem 
    nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat
    volutpat. Ut wisis enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution 
    ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
   &lt;/div<span style="color: #00AA00;">&gt;</span>
  &lt;/div<span style="color: #00AA00;">&gt;</span> 
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 2</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/left-2.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/left-2.jpg" alt="" title="left 2" width="400" height="338" class="aligncenter size-full wp-image-3248" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.<span style="color: #000000; font-weight: bold;">left</span></pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/left.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>hover</title>
		<link>http://phpforms.net/tutorial/css-reference/hover.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/hover.html#comments</comments>
		<pubDate>Mon, 12 Apr 2010 08:17:23 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3239</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Partially
Partially
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Applied
Is not specified 


HTML analog
&#60;tag onmouseover="function()"&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes




Description
It defines element style at prompting of the mouse cursor on it, thus the element is not activated, the mouse button is not clicked.

Syntax


A:hover &#123; ... &#125;


Arguments
No.

Example 1


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
&#60;!DOCTYPE HTML PUBLIC &#34;-//W3C//DTD HTML 4.01//EN&#34; &#34;http://www.w3.org/TR/html4/strict.dtd&#34;&#62;
&#60;html&#62;
 &#60;head&#62;
  &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=windows-1251&#34;&#62;
  &#60;title&#62;link&#60;/title&#62;
  &#60;style type=&#34;text/css&#34;&#62;
 [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Partially</font></td>
<td class="yes"><font size="2">Partially</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">Is not specified </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;tag onmouseover="function()"&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes">http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It defines element style at prompting of the mouse cursor on it, thus the element is not activated, the mouse button is not clicked.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">A<span style="color: #3333ff;">:hover </span><span style="color: #00AA00;">&#123;</span> ... <span style="color: #00AA00;">&#125;</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
No.<br />
<br />
<strong>Example 1</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>link&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   a<span style="color: #3333ff;">:link </span><span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#0000d0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Links' color */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span> 
   <span style="color: #00AA00;">&#125;</span>
   a<span style="color: #3333ff;">:hover </span><span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#786b59</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color under the link */</span> 
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ffe</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Link color */</span> 
   <span style="color: #00AA00;">&#125;</span> 
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;p<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;link1.html&quot;</span><span style="color: #00AA00;">&gt;</span>Link <span style="color: #cc66cc;">1</span>&lt;/a<span style="color: #00AA00;">&gt;</span>&lt;/p<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;link2.html&quot;</span><span style="color: #00AA00;">&gt;</span>Link <span style="color: #cc66cc;">2</span>&lt;/a<span style="color: #00AA00;">&gt;</span>&lt;/p<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;link3.html&quot;</span><span style="color: #00AA00;">&gt;</span>Link <span style="color: #cc66cc;">3</span>&lt;/a<span style="color: #00AA00;">&gt;</span>&lt;/p<span style="color: #00AA00;">&gt;</span> 
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">In this example the pseudoclass "hover" is applied to the link (tag &lt;A&gt;). The result of this example is shown on the figure 1.</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/hover1.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/hover1.jpg" alt="" title="hover1" width="292" height="310" class="aligncenter size-full wp-image-3240" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Example 2</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>hover&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   UL <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">180px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Menu width */</span>
    <span style="color: #000000; font-weight: bold;">list-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Remove markers for the list */</span>
    <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* No indents around */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Remove areas around the text */</span>
    <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> Arial<span style="color: #00AA00;">,</span> <span style="color: #993333;">sans-serif</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Sans-serif font for menu point */</span>
    <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10pt</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Title size in the menu item */</span>
   <span style="color: #00AA00;">&#125;</span>
   UL LI  <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">relative</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Subitems are positioned relatively */</span>
   <span style="color: #00AA00;">&#125;</span>
   LI UL <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">absolute</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Submenu are positioned absolutely */</span>
    <span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Hide submenu */</span>
    <span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* The submenu location is primary by the height */</span>
    <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">179px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Right shift of the submenu */</span>
    <span style="color: #000000; font-weight: bold;">z-index</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">1</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* The main menu is placed below the submenu */</span>
   <span style="color: #00AA00;">&#125;</span>
   LI A <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">block</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Link as block element */</span>
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">100</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Link through whole point width */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the inscription */</span>
    <span style="color: #000000; font-weight: bold;">text-decoration</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Remove links underlining */</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#666</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text color */</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#ccc</span><span style="color: #00AA00;">;</span>	<span style="color: #808080; font-style: italic;">/* Frame around submenu items */</span>
    <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#f0f0f0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">border-bottom</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Don't make the bottom border */</span>
   <span style="color: #00AA00;">&#125;</span>
   LI A<span style="color: #3333ff;">:hover </span><span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ffe</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text color of active point */</span>
    <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#5488af</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background  color of active point*/</span>
   <span style="color: #00AA00;">&#125;</span>
   LI<span style="color: #3333ff;">:hover </span>UL<span style="color: #00AA00;">,</span> LI<span style="color: #6666ff;">.over</span> UL <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">block</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Submenu is imaged in the time of point dedication by the mouse cursor */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #6666ff;">.brd</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">border-bottom</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#ccc</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Bottom line */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;ul id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;menu&quot;</span><span style="color: #00AA00;">&gt;</span>
   &lt;li<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;russian.html&quot;</span><span style="color: #00AA00;">&gt;</span>Russian cooking&lt;/a<span style="color: #00AA00;">&gt;</span>
    &lt;ul<span style="color: #00AA00;">&gt;</span> 
     &lt;li<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;linkr1.html&quot;</span><span style="color: #00AA00;">&gt;</span>Beef Stroganoff&lt;/a<span style="color: #00AA00;">&gt;</span>&lt;/li<span style="color: #00AA00;">&gt;</span> 
     &lt;li<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;linkr2.html&quot;</span><span style="color: #00AA00;">&gt;</span>Goose with apples&lt;/a<span style="color: #00AA00;">&gt;</span>&lt;/li<span style="color: #00AA00;">&gt;</span> 
     &lt;li<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;linkr3.html&quot;</span><span style="color: #00AA00;">&gt;</span>Novgorod buckwheat pudding with curds&lt;/a<span style="color: #00AA00;">&gt;</span>&lt;/li<span style="color: #00AA00;">&gt;</span> 
     &lt;li<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;linkr4.html&quot;</span> class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;brd&quot;</span><span style="color: #00AA00;">&gt;</span>Russian crawfishes&lt;/a<span style="color: #00AA00;">&gt;</span>&lt;/li<span style="color: #00AA00;">&gt;</span> 
    &lt;/ul<span style="color: #00AA00;">&gt;</span> 
   &lt;/li<span style="color: #00AA00;">&gt;</span> 
   &lt;li<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;ukrainian.html&quot;</span><span style="color: #00AA00;">&gt;</span>Ukrainian cooking&lt;/a<span style="color: #00AA00;">&gt;</span> 
    &lt;ul<span style="color: #00AA00;">&gt;</span> 
     &lt;li<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;linku1.html&quot;</span><span style="color: #00AA00;">&gt;</span>Curds&lt;/a<span style="color: #00AA00;">&gt;</span>&lt;/li<span style="color: #00AA00;">&gt;</span> 
     &lt;li<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;linku2.html&quot;</span><span style="color: #00AA00;">&gt;</span>Kharkov roast meat&lt;/a<span style="color: #00AA00;">&gt;</span>&lt;/li<span style="color: #00AA00;">&gt;</span> 
     &lt;li<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;linku3.html&quot;</span><span style="color: #00AA00;">&gt;</span>Chernigov cabbage dish&lt;/a<span style="color: #00AA00;">&gt;</span>&lt;/li<span style="color: #00AA00;">&gt;</span> 
     &lt;li<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;linku4.html&quot;</span> class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;brd&quot;</span><span style="color: #00AA00;">&gt;</span>Potapts with tomatoes&lt;/a<span style="color: #00AA00;">&gt;</span>&lt;/li<span style="color: #00AA00;">&gt;</span> 
    &lt;/ul<span style="color: #00AA00;">&gt;</span> 
   &lt;/li<span style="color: #00AA00;">&gt;</span>
   &lt;li<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;caucasus.html&quot;</span><span style="color: #00AA00;">&gt;</span>Caucasian cooking&lt;/a<span style="color: #00AA00;">&gt;</span> 
    &lt;ul<span style="color: #00AA00;">&gt;</span> 
     &lt;li<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;linkc1.html&quot;</span><span style="color: #00AA00;">&gt;</span>Soup-kharcho&lt;/a<span style="color: #00AA00;">&gt;</span>&lt;/li<span style="color: #00AA00;">&gt;</span> 
     &lt;li<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;linkc2.html&quot;</span><span style="color: #00AA00;">&gt;</span>Lilibdg&lt;/a<span style="color: #00AA00;">&gt;</span>&lt;/li<span style="color: #00AA00;">&gt;</span> 
     &lt;li<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;linkc3.html&quot;</span><span style="color: #00AA00;">&gt;</span>Chikhirtma&lt;/a<span style="color: #00AA00;">&gt;</span>&lt;/li<span style="color: #00AA00;">&gt;</span> 
     &lt;li<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;linkc4.html&quot;</span> class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;brd&quot;</span><span style="color: #00AA00;">&gt;</span>Shish kebab&lt;/a<span style="color: #00AA00;">&gt;</span>&lt;/li<span style="color: #00AA00;">&gt;</span> 
    &lt;/ul<span style="color: #00AA00;">&gt;</span> 
   &lt;/li<span style="color: #00AA00;">&gt;</span> 
   &lt;li<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;asia.html&quot;</span> class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;brd&quot;</span><span style="color: #00AA00;">&gt;</span>Central Asian cooking&lt;/a<span style="color: #00AA00;">&gt;</span>&lt;/li<span style="color: #00AA00;">&gt;</span> 
  &lt;/ul<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">In this example the pseudoclass "hover" is added to the list element (tag &lt;L1&gt;) for two level menu creating. The result of this example is shown on the figure 2.</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/cooking.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/cooking.jpg" alt="" title="cooking" width="400" height="338" class="aligncenter size-full wp-image-3241" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Remark</strong><br />
In the browser Internet Explorer version 6 and earlier the pseudoclass "hover" works only for links. </div>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/hover.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>height</title>
		<link>http://phpforms.net/tutorial/css-reference/height.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/height.html#comments</comments>
		<pubDate>Mon, 12 Apr 2010 07:05:26 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3235</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
auto


Inherited
No


Applied
To all elements except built-in elements, columns and table groups.


HTML analog
&#60;table height="" &#62;  &#60;img height=""&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/visudet.html#propdef-height




Description
This parameter determines height of block or replaced elements (for example, tag ). The height does not include a thickness of borders round an element, value of spaces and fields.
Browsers differently react to [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">auto</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements except built-in elements, columns and table groups.</font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;table height="" &gt;  &lt;img height=""&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height">http://www.w3.org/TR/CSS21/visudet.html#propdef-height</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
This parameter determines height of block or replaced elements (for example, tag <IMG>). The height does not include a thickness of borders round an element, value of spaces and fields.<br />
Browsers differently react to options of element height. If its contents exceed the specified height, Internet Explorer and Opera will ignore value of parameter height and will automatically arrange height under content. Browser Netscape (and also Mozilla and Firefox) will leave height of an element invariable, and contents will be displayed over it. Because of this feature it can be superposition of elements. When elements are in HTML, they go in order. That it has not occurred, it is possible to add property overflow: auto to style of an element.<br />
<br />
<strong>Syntax</strong> </div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> destination | percent | <span style="color: #993333;">auto</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
As values it is used any length units accepted in CSS — for example, pixels (px), inches (in) are accepted, points (pt), etc. At use of percentage record the element height is calculated depending on height of a parental element. If the parent obviously is not specified, the browser window acts it. The argument auto determines height proceeding from a contained element.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>height&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #6666ff;">.layer</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">50px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Block height */</span>
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">150px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Block width */</span>
    <span style="color: #000000; font-weight: bold;">overflow</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">scroll</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Add scrolling bands */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fc0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#333</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame parameters */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;layer&quot;</span><span style="color: #00AA00;">&gt;</span>
   Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem nonummy nibh 
   euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
  &lt;/div<span style="color: #00AA00;">&gt;</span> 
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/height.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/height.jpg" alt="" title="height" width="292" height="310" class="aligncenter size-full wp-image-3236" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.<span style="color: #000000; font-weight: bold;">height</span></pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/height.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>font-weight</title>
		<link>http://phpforms.net/tutorial/css-reference/font-weight.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/font-weight.html#comments</comments>
		<pubDate>Mon, 12 Apr 2010 06:38:39 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3231</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
normal


Inherited
Yes


Applied
To all elements 


HTML analog
&#60;B&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight




Description
It determines a font saturation. Value is established from 100 to 900 with step 100. The superlight protraction which can display a browser, matters 100 and superfat does 900. The normal type face (which it is installed by default) is equivalent to 400, the [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">normal</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;B&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight">http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It determines a font saturation. Value is established from 100 to 900 with step 100. The superlight protraction which can display a browser, matters 100 and superfat does 900. The normal type face (which it is installed by default) is equivalent to 400, the standard semiboldface text — to value 700.<br />
<br />
<strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">font-weight</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">bold</span> | <span style="color: #993333;">bolder</span> | <span style="color: #993333;">lighter</span> | <span style="color: #993333;">normal</span> | <span style="color: #cc66cc;">100</span> | <span style="color: #cc66cc;">200</span> | <span style="color: #cc66cc;">300</span> | <span style="color: #cc66cc;">400</span> | <span style="color: #cc66cc;">500</span> | <span style="color: #cc66cc;">600</span> | <span style="color: #cc66cc;">700</span> | <span style="color: #cc66cc;">800</span> | 900.</pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Values</strong><br />
The font saturation is set with the help of keywords: bold — semiboldface, bolder — fat; lighter — light, normal — a normal type face. Also you can use standard units from 100 to 900.<br />
<br />
<strong>Example</strong>
</div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>font-weight&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   H1 <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">font-weight</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">normal</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Normal font weight */</span>
   <span style="color: #00AA00;">&#125;</span> 
   <span style="color: #6666ff;">.select</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">maroon</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text color */</span>
    <span style="color: #000000; font-weight: bold;">font-weight</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">600</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Bold font weight */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;h1<span style="color: #00AA00;">&gt;</span>Duis te feugifacilisi&lt;/h1<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>&lt;span class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;select&quot;</span><span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet&lt;/span<span style="color: #00AA00;">&gt;,</span> 
  consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem nonummy nibh euismod tincidunt ut lacreet 
  dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud 
  exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
  consequat.&lt;/p<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/font-weight.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/font-weight.jpg" alt="" title="font-weight" width="461" height="370" class="aligncenter size-full wp-image-3232" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.fontWeight</pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Remark</strong><br />
Browser is not always able to show the necessary font weight in the right way; it depends on text size and font type.</div>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/font-weight.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>font-variant</title>
		<link>http://phpforms.net/tutorial/css-reference/font-variant.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/font-variant.html#comments</comments>
		<pubDate>Mon, 12 Apr 2010 05:55:41 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3226</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
normal


Inherited
Yes


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant




Description
This parameter defines how it is necessary to represent either lower case letters to leave them without updates or to do all of them capital the reduced size. Such way of symbols change is called a capital.

Syntax


font-variant: normal &#124; small-caps


Arguments
normal
It leaves the register of [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">normal</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant">http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
This parameter defines how it is necessary to represent either lower case letters to leave them without updates or to do all of them capital the reduced size. Such way of symbols change is called a capital.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">font-variant</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">normal</span> | <span style="color: #993333;">small-caps</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
normal<br />
It leaves the register of symbols initial, set by default.<br />
small-caps<br />
It modifies all lower case symbols as header the reduced size.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>font-variant&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   H1 <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">font-variant</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">small-caps</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Set small caps for the title */</span>
   <span style="color: #00AA00;">&#125;</span> 
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;h1<span style="color: #00AA00;">&gt;</span>Duis te feugifacilisi&lt;/h1<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. 
  Ut wisis enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit 
  lobortis nisl ut aliquip ex ea commodo consequat.&lt;/p<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/font-variant.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/font-variant.jpg" alt="" title="font-variant" width="461" height="370" class="aligncenter size-full wp-image-3227" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.fontVariant</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/font-variant.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>font-style</title>
		<link>http://phpforms.net/tutorial/css-reference/font-style.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/font-style.html#comments</comments>
		<pubDate>Mon, 12 Apr 2010 05:43:13 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3222</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS2


Default value 
normal


Inherited
Yes


Applied
To all elements 


HTML analog
&#60;l&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style




Description
This argument determines font protraction – normal, italic, oblique. When you install italic or oblique protraction for text, in that case a browser will access to the system for certain font search. If it does not find the font, a browser uses a special [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS2</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">normal</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;l&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style">http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
This argument determines font protraction – normal, italic, oblique. When you install italic or oblique protraction for text, in that case a browser will access to the system for certain font search. If it does not find the font, a browser uses a special algorithm for needed text type simulation. The result and quality can be negative especially while the document is being printed.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">font-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">normal</span> | <span style="color: #993333;">italic</span> | <span style="color: #993333;">oblique</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
normal<br />
Normal text protraction<br />
italic<br />
Italic protraction.<br />
oblique<br />
Oblique font. Italic and oblique fonts are not the same. Italic font is a special font simulating manuscript, oblique ones with the help of normal marks oblique right.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>font-style&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   H1 <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> Verdana<span style="color: #00AA00;">,</span> Arial<span style="color: #00AA00;">,</span> Helvetica<span style="color: #00AA00;">,</span> <span style="color: #993333;">sans-serif</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Sans-serif type of the title */</span>
   <span style="color: #00AA00;">&#125;</span> 
   P <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> <span style="color: #ff0000;">'Times New Roman'</span><span style="color: #00AA00;">,</span> Times<span style="color: #00AA00;">,</span> <span style="color: #993333;">serif</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Font with serifs */</span>
    <span style="color: #000000; font-weight: bold;">font-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">italic</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Slanted character */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;h1<span style="color: #00AA00;">&gt;</span>Duis te feugifacilisi&lt;/h1<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. 
  Ut wisis enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit 
  lobortis nisl ut aliquip ex ea commodo consequat.&lt;/p<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/font-style.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/font-style.jpg" alt="" title="font-style" width="461" height="370" class="aligncenter size-full wp-image-3223" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.fontStyle</pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Remark</strong><br />
In the browser Internet Explorer font with the value "italic"  and "oblique" is always shown as italic. </div>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/font-style.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>font-size</title>
		<link>http://phpforms.net/tutorial/css-reference/font-size.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/font-size.html#comments</comments>
		<pubDate>Mon, 12 Apr 2010 05:11:43 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3217</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
medium


Inherited
Yes


Applied
To all elements 


HTML analog
&#60;font size="..."&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size




Description
This parameter defines a size of element font. The font can be determined by some devices. They are constant dialing (xx-small, x-small, small, medium, large, x-large, xx-large) specify a size which is called absolute. They are quite not absolute because of dependence on [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">medium</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;font size="..."&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size">http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
This parameter defines a size of element font. The font can be determined by some devices. They are constant dialing (xx-small, x-small, small, medium, large, x-large, xx-large) specify a size which is called absolute. They are quite not absolute because of dependence on browser adjustment and operation system.<br />
Another constant dialing (larger, smaller) installs relational font size. To define a font size of the current element these relational sizes are used to a parent element, because this size is derived from a parent element.<br />
A font size highly depends on this parameter denotation of a parent element.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">absolute</span> <span style="color: #000000; font-weight: bold;">size</span>| relational <span style="color: #000000; font-weight: bold;">size</span> | denotation | percent</pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
Following denotations are used for absolute size: xx-small, x-small, small, medium, large, x-large, xx-large. Compatibility these sizes with a font size are given below.</div>
<p>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br />
<html><br />
 <head><br />
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></p>
<style type="text/css">
    table {
     width: 600px; /* Ширина таблицы */ 
     border-collapse: collapse; /* Убираем двойную рамку между ячейками */ 
    }
    td {
     border: 1px solid black; /* Параметры границы */ 
     padding: 5px; /* Поля в ячейке */ 
    }
    caption { 
     caption-side: Top; /* Заголовок под таблицей */ 
    }
   </style>
<p>  </head><br />
  <body></p>
<table>
<caption><font size="2">Tab.1. Font size in CSS and HTML</font></caption>
<tr>
<td><font size="2">CSS</font></td>
<td><font size="2">xx-small</font></td>
<td><font size="2">x-small</font></td>
<td><font size="2">small</font></td>
<td><font size="2">medium</font></td>
<td><font size="2">large</font></td>
<td><font size="2">x-large</font></td>
<td><font size="2">xx-large</font></td>
<td><font size="2">   </font></td>
</tr>
<tr>
<td><font size="2">HTML</font></td>
<td><font size="2">1</font></td>
<td><font size="2">   </font></td>
<td><font size="2">2</font></td>
<td><font size="2">3</font></td>
<td><font size="2">4</font></td>
<td><font size="2">5</font></td>
<td><font size="2">6</font></td>
<td><font size="2">7</font></td>
</tr>
</table>
<p> </body><br />
</html><br />
</p>
<div style="font-size:1.5em;">Relational font size is specified by the arguments larger and smaller.<br />
Also it is allowed to use any valid items CSS: em (element font height), ex (symbol x height), points (pt), pixels (px), percent (%) etc. Parent element font size is taken as 100%. Negative values are not allowed.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>font-size&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   H1 <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> <span style="color: #ff0000;">'Times New Roman'</span><span style="color: #00AA00;">,</span> Times<span style="color: #00AA00;">,</span> <span style="color: #993333;">serif</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text typeface */</span> 
    <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">250</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Font size in percents */</span> 
   <span style="color: #00AA00;">&#125;</span> 
   P <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> Verdana<span style="color: #00AA00;">,</span> Arial<span style="color: #00AA00;">,</span> Helvetica<span style="color: #00AA00;">,</span> <span style="color: #993333;">sans-serif</span><span style="color: #00AA00;">;</span> 
    <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;">11pt</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Font size in points */</span> 
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;h1<span style="color: #00AA00;">&gt;</span>Duis te feugifacilisi&lt;/h1<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. 
  Ut wisis enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit 
  lobortis nisl ut aliquip ex ea commodo consequat.&lt;/p<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/font-size.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/font-size.jpg" alt="" title="font-size" width="461" height="370" class="aligncenter size-full wp-image-3219" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.fontSize</pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Remark</strong><br />
Font size definition "font-size: medium" leads to different font sizes in browsers Internet Explorer and Netscape (Firefox).</div>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/font-size.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>font-family</title>
		<link>http://phpforms.net/tutorial/css-reference/font-family.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/font-family.html#comments</comments>
		<pubDate>Mon, 12 Apr 2010 04:27:10 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3213</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
Font set in browser on default. Usually it is Times New Roman.


Inherited
Yes


Applied
To all elements 


HTML analog
&#60;font face="..."&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family




Description
It determines font properties which will be used for content text appearance. A list of fonts may include one or more names divided by a coma. If the font name has spaces, [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">Font set in browser on default. Usually it is Times New Roman.</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;font face="..."&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family">http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It determines font properties which will be used for content text appearance. A list of fonts may include one or more names divided by a coma. If the font name has spaces, it is necessary to quote it. For example: Trebuchet MS.<br />
When a browser meets the first font at the list, it checks font availability on the user computer. If the font is absent you should take the next name from the list and analyse its presence. Therefore few fonts increase a possibility that at least one of them will be displayed at client computer. A key word describing a font type ends a list usually (serif, sans-serif, cursive, fantasy or monospace). Thus you should begin from exotic font types and finish by general name specifying protraction mode.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">font</span> name <span style="color: #00AA00;">&#91;</span><span style="color: #00AA00;">,</span> <span style="color: #000000; font-weight: bold;">font</span> name<span style="color: #00AA00;">&#91;</span><span style="color: #00AA00;">,</span> ...<span style="color: #00AA00;">&#93;</span><span style="color: #00AA00;">&#93;</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
Any amount of the fonts divided by comas. Universal font features.<br />
•	serif — fonts with serifs (antiqued), for example Times type;<br />
•	sans-serif — sanserifs (fonts without serifs or grotesques), such as Arial;<br />
•	cursive — cursive fonts;<br />
•	fantasy — decorative fonts;<br />
•	monospace — monospace fonts, width of every symbol in that family is identical.<br />
<br />
<strong>Example</strong>
</div>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>font-family&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   H1 <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> Geneva<span style="color: #00AA00;">,</span> Arial<span style="color: #00AA00;">,</span> Helvetica<span style="color: #00AA00;">,</span> <span style="color: #993333;">sans-serif</span><span style="color: #00AA00;">;</span>
   <span style="color: #00AA00;">&#125;</span> 
   P <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> Georgia<span style="color: #00AA00;">,</span> <span style="color: #ff0000;">'Times New Roman'</span><span style="color: #00AA00;">,</span> Times<span style="color: #00AA00;">,</span> <span style="color: #993333;">serif</span><span style="color: #00AA00;">;</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;h1<span style="color: #00AA00;">&gt;</span>Duis te feugifacilisi&lt;/h1<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. 
  Ut wisis enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit 
  lobortis nisl ut aliquip ex ea commodo consequat.&lt;/p<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/font-family.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/font-family.jpg" alt="" title="font-family" width="458" height="351" class="aligncenter size-full wp-image-3214" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.fontFamily</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/font-family.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>font</title>
		<link>http://phpforms.net/tutorial/css-reference/font.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/font.html#comments</comments>
		<pubDate>Sat, 10 Apr 2010 11:58:13 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3209</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
Depends on arguments used


Inherited
Yes


Applied
To all elements 


HTML analog
&#60;I&#62;, &#60;B&#62;, &#60;FONT&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/fonts.html#propdef-font




Description
This is a universal parameter. With the help of it you can determine few font style attributes concurrently.

Syntax


font: &#91;font-style &#124;&#124; font-variant &#124;&#124; font-weight&#93; font-size &#91;/line-height&#93; font-family


Arguments
The parameter font has required elements. They are script size and the family. Other [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">Depends on arguments used</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;I&gt;, &lt;B&gt;, &lt;FONT&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font">http://www.w3.org/TR/CSS21/fonts.html#propdef-font</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
This is a universal parameter. With the help of it you can determine few font style attributes concurrently.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">font</span><span style="color: #00AA00;">:</span> <span style="color: #00AA00;">&#91;</span><span style="color: #000000; font-weight: bold;">font-style</span> || <span style="color: #000000; font-weight: bold;">font-variant</span> || <span style="color: #000000; font-weight: bold;">font-weight</span><span style="color: #00AA00;">&#93;</span> <span style="color: #000000; font-weight: bold;">font-size</span> <span style="color: #00AA00;">&#91;</span>/<span style="color: #000000; font-weight: bold;">line-height</span><span style="color: #00AA00;">&#93;</span> <span style="color: #000000; font-weight: bold;">font-family</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
The parameter font has required elements. They are script size and the family. Other elements are determined as you like. You should look at every parameter properties, if you want to learn it more carefully.<br />
<br />
<strong>Using examples</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">p <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">font</span><span style="color: #00AA00;">:</span> <span style="color: #933;">12pt</span>/<span style="color: #933;">10pt</span> <span style="color: #993333;">sans-serif</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;">A designation is sent from typography to indicate a font size and line spacing interval (leading) through slash. So, in that case 12pt is the size of the main text in the points and 10pt means leading. Sans-serif is indicated as the family.</div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">p <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">font</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">bold</span> <span style="color: #993333;">italic</span> <span style="color: #933;"><span style="color: #cc66cc;">110</span>%</span> <span style="color: #993333;">serif</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;">The argument bold installs bold-faced script, the «italic» - italic script. In that case the order of these destinations is unimportant; you can replace them if you want. Text size is specified in percent, serif is used as a garniture.  </div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">p <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">font</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">normal</span> <span style="color: #993333;">small-caps</span> <span style="color: #933;">12px</span>/<span style="color: #933;">14px</span> <span style="color: #993333;">fantasy</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;">The denotation small-maps belongs to the parameter font-variant. This denotation installs a text by way of small capitals (reduced capital letters). The argument normal is used both for 2 features: font-style and font-weight.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>font&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #6666ff;">.layer1</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">font</span><span style="color: #00AA00;">:</span> <span style="color: #933;">12pt</span> <span style="color: #993333;">sans-serif</span><span style="color: #00AA00;">;</span>  
   <span style="color: #00AA00;">&#125;</span> 
   H1 <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">font</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">200</span>%</span> <span style="color: #993333;">serif</span><span style="color: #00AA00;">;</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;layer1&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;h1<span style="color: #00AA00;">&gt;</span>Duis te feugifacilisi&lt;/h1<span style="color: #00AA00;">&gt;</span>
  Duis autem dolor in hendrerit in vulputate velit esse molestie consequat<span style="color: #00AA00;">,</span> vel 
  illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio 
  dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te 
  feugat nulla facilisi.
  &lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dius-font.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dius-font.jpg" alt="" title="dius font" width="450" height="347" class="aligncenter size-full wp-image-3210" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.<span style="color: #000000; font-weight: bold;">font</span></pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/font.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>focus</title>
		<link>http://phpforms.net/tutorial/css-reference/focus.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/focus.html#comments</comments>
		<pubDate>Sat, 10 Apr 2010 11:44:20 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3205</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
No
No
No
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS2


Applied
To all elements which may have the focus (&#60;A&#62;, &#60;INPUT&#62;, &#60;SELECT&#62; and &#60;TEXTAREA&#62;)


HTML analog
&#60;tag onfocus="function()"&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes




Description
The pseudo-class focus defines style for an element receiving focus. For example, the text field of the form in which the cursor is determined can be it.

Syntax


element:focus &#123; ... &#125;


Arguments
No.

Example


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
&#60;!DOCTYPE HTML PUBLIC &#34;-//W3C//DTD HTML 4.01//EN&#34; &#34;http://www.w3.org/TR/html4/strict.dtd&#34;&#62;
&#60;html&#62;
 [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">No</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS2</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements which may have the focus (&lt;A&gt;, &lt;INPUT&gt;, &lt;SELECT&gt; and &lt;TEXTAREA&gt;)</font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;tag onfocus="function()"&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes">http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
The pseudo-class focus defines style for an element receiving focus. For example, the text field of the form in which the cursor is determined can be it.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">element<span style="color: #3333ff;">:focus </span><span style="color: #00AA00;">&#123;</span> ... <span style="color: #00AA00;">&#125;</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
No.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>focus&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #cc00cc;">#enter</span> <span style="color: #6666ff;">.label</span> <span style="color: #00AA00;">&#123;</span>
     <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">80px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Block width with the text */</span>
     <span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Location in one line with the area */</span>
     <span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">right</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Right alignment */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #cc00cc;">#enter</span> <span style="color: #6666ff;">.form-text</span> <span style="color: #00AA00;">&#123;</span>
     <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">240px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Area width */</span>
     <span style="color: #000000; font-weight: bold;">margin-left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Distance between area and the text */</span>
     <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#abadb3</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame around text area */</span>
     <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #cc00cc;">#enter</span> <span style="color: #6666ff;">.form-item</span> <span style="color: #00AA00;">&#123;</span>
     <span style="color: #000000; font-weight: bold;">margin-bottom</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Bottom indent */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #cc00cc;">#enter</span> <span style="color: #6666ff;">.form-text</span><span style="color: #3333ff;">:focus </span><span style="color: #00AA00;">&#123;</span>
     <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ffe</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
     <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#29B0D9</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame parameters */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #cc00cc;">#enter</span> p <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">margin-left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">90px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Right shift */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;form action<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;login.php&quot;</span> method<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;post&quot;</span> id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;enter&quot;</span><span style="color: #00AA00;">&gt;</span>
   &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;form-item&quot;</span><span style="color: #00AA00;">&gt;</span>
     &lt;span class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;label&quot;</span><span style="color: #00AA00;">&gt;</span>Login<span style="color: #00AA00;">:</span>&lt;/span<span style="color: #00AA00;">&gt;</span>
     &lt;span class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;field&quot;</span><span style="color: #00AA00;">&gt;</span>&lt;input type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text&quot;</span> id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;login&quot;</span> value<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;&quot;</span> class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;form-text&quot;</span><span style="color: #00AA00;">&gt;</span>&lt;/span<span style="color: #00AA00;">&gt;</span>
   &lt;/div<span style="color: #00AA00;">&gt;</span>
   &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;form-item&quot;</span><span style="color: #00AA00;">&gt;</span>
     &lt;span class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;label&quot;</span><span style="color: #00AA00;">&gt;</span>Password<span style="color: #00AA00;">:</span>&lt;/span<span style="color: #00AA00;">&gt;</span>
     &lt;span class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;field&quot;</span><span style="color: #00AA00;">&gt;</span>&lt;input type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;password&quot;</span> id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;pass&quot;</span> class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;form-text&quot;</span><span style="color: #00AA00;">&gt;</span>&lt;/span<span style="color: #00AA00;">&gt;</span>
   &lt;/div<span style="color: #00AA00;">&gt;</span>
   &lt;p<span style="color: #00AA00;">&gt;</span>&lt;input type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;submit&quot;</span> value<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Enter&quot;</span><span style="color: #00AA00;">&gt;</span>&lt;/p<span style="color: #00AA00;">&gt;</span>
  &lt;/form<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1. When focus is received the text area changes color of background and border.</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/focus.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/focus.jpg" alt="" title="focus" width="437" height="323" class="aligncenter size-full wp-image-3206" /></a>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/focus.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>float</title>
		<link>http://phpforms.net/tutorial/css-reference/float.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/float.html#comments</comments>
		<pubDate>Sat, 10 Apr 2010 11:29:51 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3201</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS1


Default value 
none


Inherited
No


Applied
To all elements (except docked)


HTML analog
&#60;applet &#124; iframe &#124; img &#124; object &#124; spacer &#124; table align="right &#124; left"&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/visuren.html#propdef-float



Description
It defines on which side the element will be aligned.  Thus other elements will flow round it from other sides. When the parameter value float is equal none, the [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS1</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">none</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all elements (except docked)</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">&lt;applet | iframe | img | object | spacer | table align="right | left"&gt;</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/visuren.html#propdef-float">http://www.w3.org/TR/CSS21/visuren.html#propdef-float</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
It defines on which side the element will be aligned.  Thus other elements will flow round it from other sides. When the parameter value float is equal none, the element is deduced on page as usually. The biggest value means that one line of the flowing text can be on the same line as an element.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">left</span> | <span style="color: #000000; font-weight: bold;">right</span> | <span style="color: #993333;">none</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
left<br />
It aligns an element by a left border. All other elements like the text float it on the right side.<br />
right<br />
It aligns an element by a right border. All other elements float it on the left side.<br />
none<br />
Float is not specified.</p>
<p><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   <span style="color: #6666ff;">.layer1</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Right edge float */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fd0</span><span style="color: #00AA00;">;</span>  <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span>  <span style="color: #808080; font-style: italic;">/* frame parameters */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span>  <span style="color: #808080; font-style: italic;">/* areas around the text */</span>
    <span style="color: #000000; font-weight: bold;">margin-right</span><span style="color: #00AA00;">:</span> <span style="color: #933;">20px</span><span style="color: #00AA00;">;</span>  <span style="color: #808080; font-style: italic;">/* Right indent */</span>
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">40</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Block width */</span>
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;layer1&quot;</span><span style="color: #00AA00;">&gt;</span>
   Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem nonummy nibh
   euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.&lt;/div<span style="color: #00AA00;">&gt;</span>
&lt;div<span style="color: #00AA00;">&gt;</span>
   Duis autem dolor in hendrerit in vulputate velit esse molestie consequat<span style="color: #00AA00;">,</span> vel
   illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
   dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te
   feugat nulla facilisi.&lt;/div<span style="color: #00AA00;">&gt;</span></pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 1</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/float.jpg"><img class="aligncenter size-full wp-image-3202" title="float" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/float.jpg" alt="" width="443" height="388" /></a></p>
<div style="font-size: 1.5em;"><strong>Object model</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.styleFloat</pre></div></div>


<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.cssFloat</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/float.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>first-child</title>
		<link>http://phpforms.net/tutorial/css-reference/first-child.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/first-child.html#comments</comments>
		<pubDate>Sat, 10 Apr 2010 11:18:33 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3195</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
No
No
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
No
Yes
Yes




Short information



CSS
CSS2


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/selector.html#first-child




Description
The pseudo-class first-child adds style appearance to the first affiliated element of the selector which is located in the elements tree of the document.

Syntax


Tag:first-child &#123; ... &#125;


Arguments
No.

Example 1.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
&#60;!DOCTYPE HTML PUBLIC &#34;-//W3C//DTD HTML 4.01//EN&#34; &#34;http://www.w3.org/TR/html4/strict.dtd&#34;&#62;
&#60;html&#62;
 &#60;head&#62;
  &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=windows-1251&#34;&#62;
  &#60;title&#62;first-child&#60;/title&#62;
  &#60;style type=&#34;text/css&#34;&#62;
  [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS2</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/selector.html#first-child">http://www.w3.org/TR/CSS21/selector.html#first-child</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
The pseudo-class first-child adds style appearance to the first affiliated element of the selector which is located in the elements tree of the document.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">Tag<span style="color: #3333ff;">:first-child </span><span style="color: #00AA00;">&#123;</span> ... <span style="color: #00AA00;">&#125;</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
No.<br />
<br />
<strong>Example 1.</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>first-child&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
    B<span style="color: #3333ff;">:first-child </span><span style="color: #00AA00;">&#123;</span>
     <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Red text color */</span>
    <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
   &lt;p<span style="color: #00AA00;">&gt;</span>&lt;b<span style="color: #00AA00;">&gt;</span>Lorem ipsum&lt;/b<span style="color: #00AA00;">&gt;</span> dolor sit amet<span style="color: #00AA00;">,</span> &lt;b<span style="color: #00AA00;">&gt;</span>consectetuer&lt;/b<span style="color: #00AA00;">&gt;</span> 
   adipiscing &lt;b<span style="color: #00AA00;">&gt;</span>elit&lt;/b<span style="color: #00AA00;">&gt;,</span> sed diem nonummy nibh euismod tincidunt ut lacreet 
   dolore magna aliguam erat volutpat.&lt;/p<span style="color: #00AA00;">&gt;</span>
   &lt;p<span style="color: #00AA00;">&gt;</span>&lt;b<span style="color: #00AA00;">&gt;</span>Ut wisis enim&lt;/b<span style="color: #00AA00;">&gt;</span> ad minim veniam<span style="color: #00AA00;">,</span> &lt;b<span style="color: #00AA00;">&gt;</span>quis nostrud&lt;/b<span style="color: #00AA00;">&gt;</span> 
   exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea &lt;b<span style="color: #00AA00;">&gt;</span>commodo 
   consequat&lt;/b<span style="color: #00AA00;">&gt;</span>.&lt;/p<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1. In this example the pseudoclass "first-child" is added to the selector "B" and sets red color for it. Through container "B" is met in the text three times only first mention will be dedicated red, i.e. the text "Lorem ipsum". In other cases the content of container "B" will be imaged in black color. Everything happens again in the next paragraph because the parent element was changed. That's why "Ut wisis enim" will be dedicated red.</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/child.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/child.jpg" alt="" title="child" width="443" height="388" class="aligncenter size-full wp-image-3196" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Example 2</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>first-child&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   P <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">text-indent</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1em</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* First line indent */</span>
   <span style="color: #00AA00;">&#125;</span>
   P<span style="color: #3333ff;">:first-child </span><span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">text-indent</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Remove indent for the first paragraph */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>This story has begone to be forgotten but there were citizens who sometimes told it for new visitors of the city.&lt;/p<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>The legend has become detailed and didn<span style="color: #ff0000;">'t remind about the event that happend really. But no man made up his mind to mention it when the darkness came. &lt;/p&gt;
  &lt;p&gt;But one day a stranger came to the city. He was lame in the left leg.&lt;/p&gt;
 &lt;/body&gt;
&lt;/html&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 2. According to printing rules the indent of first line for the first paragraph is not defined but it is added for other ones. The parameter "text-indent" with the indent value "1em" is used for this aim in the example. For changing the style of first paragraph and setting zero indent the pseudoclass "first-child" is added to the selector "B".</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/stranger.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/stranger.jpg" alt="" title="stranger" width="443" height="388" class="aligncenter size-full wp-image-3198" /></a>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/first-child.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>empty-cells</title>
		<link>http://phpforms.net/tutorial/css-reference/empty-cells.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/empty-cells.html#comments</comments>
		<pubDate>Sat, 10 Apr 2010 10:49:27 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3188</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
No
No
No
?
Errors
Errors
Errors
Errors
Errors
Yes
Yes
Yes
Yes
Errors
Errors
Yes



Short information



CSS
CSS2


Default value 
show


Inherited
Yes


Applied
To &#60;TD&#62;, &#60;TH&#62; or to elements having "display: table-cell" 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells



Description
This parameter specifies display of borders and background in a cell, if it has not visible maintenance. When there is simultaneous addition to the parameter table border-collapse with value collapse, the attribute empty-cells is ignored.
The cell is considered [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">No</span></td>
<td class="yes"><span style="font-size: x-small;">No</span></td>
<td class="yes"><span style="font-size: x-small;">No</span></td>
<td class="yes rdline"><span style="font-size: x-small;">?</span></td>
<td class="yes"><span style="font-size: x-small;">Errors</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Errors</span></td>
<td class="yes"><span style="font-size: x-small;">Errors</span></td>
<td class="yes"><span style="font-size: x-small;">Errors</span></td>
<td class="yes"><span style="font-size: x-small;">Errors</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Errors</span></td>
<td class="yes"><span style="font-size: x-small;">Errors</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS2</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">show</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">Yes</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To &lt;TD&gt;, &lt;TH&gt; or to elements having "display: table-cell" </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells">http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
This parameter specifies display of borders and background in a cell, if it has not visible maintenance. When there is simultaneous addition to the parameter table border-collapse with value collapse, the attribute empty-cells is ignored.<br />
The cell is considered empty in following cases:<br />
•	There are no symbols generally;<br />
•	There are line translation, a tabulation symbol or a blank in a cell;<br />
•	Value visibility is determined as hidden.<br />
The addition of an indissoluble blank   is perceived as the visible maintenance, i.e. the cell will be nonempty already.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">empty-cells</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">show</span> | <span style="color: #993333;">hide</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
show<br />
It displays border round a cell and a background locating inside of it.<br />
hide<br />
The border and background are not displayed in empty cells. If all cells in a line are empty, the line hides entirely.</p>
<p><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   TABLE <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">4px</span> <span style="color: #993333;">double</span> <span style="color: #cc00cc;">#399</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Border around the table */</span>
   <span style="color: #00AA00;">&#125;</span>
   TD <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fc0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#333</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Border around cells */</span>
    <span style="color: #000000; font-weight: bold;">empty-cells</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">hide</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Hide empty cells */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas in cells */</span> 
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&lt;table <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;100%&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;tbody<span style="color: #00AA00;">&gt;</span>
&lt;tr<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span>Leonardo&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">5</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">8</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;/tr<span style="color: #00AA00;">&gt;</span>
&lt;tr<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span>Rafael&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">11</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;/tr<span style="color: #00AA00;">&gt;</span>
&lt;tr<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span>Micalandgelo&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">24</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;/tr<span style="color: #00AA00;">&gt;</span>
&lt;tr<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span>Donatello&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">13</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;/tr<span style="color: #00AA00;">&gt;</span>
&lt;/tbody<span style="color: #00AA00;">&gt;</span>
&lt;/table<span style="color: #00AA00;">&gt;</span></pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 1</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/rafael.jpg"><img class="aligncenter size-full wp-image-3192" title="rafael" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/rafael.jpg" alt="" width="443" height="388" /></a></p>
<div style="font-size: 1.5em;"><strong>Browsers</strong><br />
Internet Explorer doesn't support the parameter "empty-cells" and always images empty cells like if it would be set  "empty-cells: hide".<br />
Firefox version 2 and before (and also Netscape) doesn't hide the table row even if it is set "empty-cells: hide" for all cells and all cells are empty.<br />
Browser Opera doesn't hide the table row and images the background color for empty cells</div>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/empty-cells.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>display</title>
		<link>http://phpforms.net/tutorial/css-reference/display.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/display.html#comments</comments>
		<pubDate>Sat, 10 Apr 2010 10:27:42 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3180</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Part
Part
Part
?
Part
Part
Part
Part
Yes
Yes
Yes
Yes
Yes
Part
Part
Part




Short information



CSS
CSS2


Default value 
inline


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/visuren.html#display-prop




Description
It is multi-purpose attribute which defines how the element should be shown in the document.

Syntax


display: block &#124; inline &#124; inline-table &#124; list-item &#124; none &#124; run-in &#124; table &#124; table-caption &#124; table-cell &#124; table-column-group &#124; table-footer-group &#124; table-header-group &#124; table-row &#124; table-row-group


Arguments
The list of [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Part</font></td>
<td class="yes"><font size="2">Part</font></td>
<td class="yes"><font size="2">Part</font></td>
<td class="yes rdline"><font size="2">?</font></td>
<td class="yes"><font size="2">Part</font></td>
<td class="yes rdline"><font size="2">Part</font></td>
<td class="yes"><font size="2">Part</font></td>
<td class="yes"><font size="2">Part</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Part</font></td>
<td class="yes"><font size="2">Part</font></td>
<td class="yes"><font size="2">Part</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS2</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">inline</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/visuren.html#display-prop">http://www.w3.org/TR/CSS21/visuren.html#display-prop</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It is multi-purpose attribute which defines how the element should be shown in the document.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">block</span> | <span style="color: #993333;">inline</span> | <span style="color: #993333;">inline-table</span> | <span style="color: #993333;">list-item</span> | <span style="color: #993333;">none</span> | run-in | table | <span style="color: #993333;">table-caption</span> | <span style="color: #993333;">table-cell</span> | <span style="color: #993333;">table-column-group</span> | <span style="color: #993333;">table-footer-group</span> | <span style="color: #993333;">table-header-group</span> | <span style="color: #993333;">table-row</span> | <span style="color: #993333;">table-row-group</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
The list of possible values of this attribute understood by different browsers is very short: block, inline, list-item and none. All other admissible arguments are supported by browsers selectively. In tab. 1 some popular browsers and their support of various properties are given.</div>
<p>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br />
<html><br />
 <head><br />
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></p>
<style type="text/css">
    table {
     width: 600px; /* Ширина таблицы */ 
     border-collapse: collapse; /* Убираем двойную рамку между ячейками */ 
    }
    td {
     border: 1px solid black; /* Параметры границы */ 
     padding: 5px; /* Поля в ячейке */ 
    }
    caption { 
     caption-side: Top; /* Заголовок под таблицей */ 
    }
   </style>
<p>  </head><br />
  <body></p>
<table>
<caption><font size="2">Table 1. Browsers support of properties value «display».</font></caption>
<tr>
<td><font size="2">Argument</font></td>
<td><font size="2">Description</font></td>
<td><font size="2">IE6</font></td>
<td><font size="2">IE7</font></td>
<td><font size="2">IE8</font></td>
<td><font size="2">Op8</font></td>
<td><font size="2">Op9.2</font></td>
<td><font size="2">Ff1.5</font></td>
<td><font size="2">Ff2</font></td>
<td><font size="2">Ff3</font></td>
</tr>
<tr>
<td><font size="2">block</font></td>
<td><font size="2">The element is shown as block. Application of this value for the integral elements (for example the tag &lt;SPAN&gt;) forces its messages like blocks.  There is lines carry un the beginning and in the end of contents.</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<td><font size="2">inline</font></td>
<td><font size="2">The element is displayed as integral. Block tags use (such as &lt;DIV&gt; and &lt;P&gt;) creates a carry automatically and shows contents of these tags on a new line . The argument inline cancels this feature, therefore contents of block elements begins with the place where the previous element has terminated.</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<td><font size="2">inline-block</font></td>
<td><font size="2">This value generates a block element which is flowed round by other elements of web page like the integral element. Actually such element on the action is similar to integral elements (like the tag &lt;IMG&gt;). Thus its internal part is formatted as a block element. The element is built in.</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">No</font></td>
<td><font size="2">No</font></td>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<td><font size="2">inline-table</font></td>
<td><font size="2">It defines that the element is the table as in use of the tag &lt;TABLE&gt;, but thus the table is the built in element and there is its flow by other elements, for example, the text.</font></td>
<td><font size="2">No</font></td>
<td><font size="2">No</font></td>
<td><font size="2">?</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">No</font></td>
<td><font size="2">No</font></td>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<td><font size="2">list-item</font></td>
<td><font size="2">The element is deduced as block one and the list marker is added.</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<td><font size="2">none</font></td>
<td><font size="2">It removes an element from a document temporarily. The place taken by it is not reserved. Also web page is formed so as if the element is absent. To change value of the parameter and to make it visible again it is possible with the help of scripts addressing to properties by an objective model. There is data reformatting on a page taking into account added element.</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<td><font size="2">run-in</font></td>
<td><font size="2">It determines an element as block or integral one depending on a context.</font></td>
<td><font size="2">No</font></td>
<td><font size="2">No</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">No</font></td>
<td><font size="2">No</font></td>
<td><font size="2">No</font></td>
</tr>
<tr>
<td><font size="2">table</font></td>
<td><font size="2">It defines the element is the block table like use of the tag &lt;TABLE&gt;.</font></td>
<td><font size="2">No</font></td>
<td><font size="2">No</font></td>
<td><font size="2">?</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<td><font size="2">table-caption</font></td>
<td><font size="2">It specifies table heading like the tag &lt;CAPTION&gt; application.</font></td>
<td><font size="2">No</font></td>
<td><font size="2">No</font></td>
<td><font size="2">?</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
</tr>
</tr>
<tr>
<td><font size="2">table-cell</font></td>
<td><font size="2">It specifies that the element is a table cell (tags &lt;TD&gt; or &lt;TH&gt;).</font></td>
<td><font size="2">No</font></td>
<td><font size="2">No</font></td>
<td><font size="2">?</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<td><font size="2">table-column</font></td>
<td><font size="2">It specifies an element as a table column as if the tag &lt;COL&gt; has been added. </font></td>
<td><font size="2">No</font></td>
<td><font size="2">No</font></td>
<td><font size="2">?</font></td>
<td><font size="2">No</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<td><font size="2">table-column-group</font></td>
<td><font size="2">IIt defines that the element is group of one or more table columns as at use of the tag &lt;COLGROUP&gt;.  </font></td>
<td><font size="2">No</font></td>
<td><font size="2">No</font></td>
<td><font size="2">?</font></td>
<td><font size="2">No</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<td><font size="2">table-footer-group</font></td>
<td><font size="2">It is used for storage of one or several cells lines which are displayed at the very table  bottom. It is similar with work of the tag &lt;TFOOT&gt;.  </font></td>
<td><font size="2">No</font></td>
<td><font size="2">No</font></td>
<td><font size="2">?</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<td><font size="2">table-header-group</font></td>
<td><font size="2">The element is intended for storage of one or several cells lines which are at the table top. It is similar work of the tag &lt;THEAD&gt;.  </font></td>
<td><font size="2">No</font></td>
<td><font size="2">No</font></td>
<td><font size="2">?</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<td><font size="2">table-row</font></td>
<td><font size="2">An element is displayed at the top of a table (the tag &lt;TR&gt;) .  </font></td>
<td><font size="2">No</font></td>
<td><font size="2">No</font></td>
<td><font size="2">?</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<td><font size="2">table-row-group</font></td>
<td><font size="2">It creates the structural block consisting of several lines of the table as the tag &lt;TBODY&gt; action.  </font></td>
<td><font size="2">No</font></td>
<td><font size="2">No</font></td>
<td><font size="2">?</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
<td><font size="2">Yes</font></td>
</tr>
</table>
<p> </body><br />
</html><br />
</p>
<div style="font-size:1.5em;"><strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>display&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #6666ff;">.example</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">dashed</span> <span style="color: #933;">1px</span> <span style="color: #cc00cc;">#634f36</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame parameters */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fffff5</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> <span style="color: #ff0000;">&quot;Courier New&quot;</span><span style="color: #00AA00;">,</span> Courier<span style="color: #00AA00;">,</span> <span style="color: #993333;">monospace</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text font */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span>
    <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span> <span style="color: #cc66cc;">0</span> <span style="color: #933;">1em</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Indents around */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #6666ff;">.exampleTitle</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame parameters */</span>
    <span style="color: #000000; font-weight: bold;">border-bottom</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Remove the bottom line */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span>
    <span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">inline</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Set as biult-in element */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#efecdf</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">font-weight</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">bold</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Bold font */</span>
    <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">90</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text size */</span>
    <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Remove indents around */</span>
    <span style="color: #000000; font-weight: bold;">white-space</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">nowrap</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Cancel text hyphens */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;p class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;exampleTitle&quot;</span><span style="color: #00AA00;">&gt;</span>Example&lt;/p<span style="color: #00AA00;">&gt;</span>
  &lt;p class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;example&quot;</span><span style="color: #00AA00;">&gt;</span>
  &amp;lt<span style="color: #00AA00;">;</span>!DOCTYPE HTML PUBLIC &amp;quot<span style="color: #00AA00;">;</span>-//W3C//DTD HTML <span style="color: #cc66cc;">4.01</span> Transitional//EN&amp;quot<span style="color: #00AA00;">;</span>&amp;gt<span style="color: #00AA00;">;</span>&lt;br<span style="color: #00AA00;">&gt;</span>
  &amp;lt<span style="color: #00AA00;">;</span>html&amp;gt<span style="color: #00AA00;">;</span>&lt;br<span style="color: #00AA00;">&gt;</span>
  &amp;lt<span style="color: #00AA00;">;</span>body&amp;gt<span style="color: #00AA00;">;</span>&lt;br<span style="color: #00AA00;">&gt;</span>
  &amp;lt<span style="color: #00AA00;">;</span>b&amp;gt<span style="color: #00AA00;">;</span>Sulfuric acid formula<span style="color: #00AA00;">:</span>&amp;lt<span style="color: #00AA00;">;</span>/b&amp;gt<span style="color: #00AA00;">;</span>
  &amp;lt<span style="color: #00AA00;">;</span>i&amp;gt<span style="color: #00AA00;">;</span>H&amp;lt<span style="color: #00AA00;">;</span>sub&amp;gt<span style="color: #00AA00;">;</span>&amp;lt<span style="color: #00AA00;">;</span>small&amp;gt<span style="color: #00AA00;">;</span><span style="color: #cc66cc;">2</span>&amp;lt<span style="color: #00AA00;">;</span>/small&amp;gt<span style="color: #00AA00;">;</span>&amp;lt<span style="color: #00AA00;">;</span>/sub&amp;gt<span style="color: #00AA00;">;</span>
  SO&amp;lt<span style="color: #00AA00;">;</span>sub&amp;gt<span style="color: #00AA00;">;</span>&amp;lt<span style="color: #00AA00;">;</span>small&amp;gt<span style="color: #00AA00;">;</span><span style="color: #cc66cc;">4</span>&amp;lt<span style="color: #00AA00;">;</span>/small&amp;gt<span style="color: #00AA00;">;</span>
  &amp;lt<span style="color: #00AA00;">;</span>/sub&amp;gt<span style="color: #00AA00;">;</span>&amp;lt<span style="color: #00AA00;">;</span>/i&amp;gt<span style="color: #00AA00;">;</span>&lt;br<span style="color: #00AA00;">&gt;</span>
  &amp;lt<span style="color: #00AA00;">;</span>/body&amp;gt<span style="color: #00AA00;">;</span>&lt;br<span style="color: #00AA00;">&gt;</span>
  &amp;lt<span style="color: #00AA00;">;</span>/html&amp;gt<span style="color: #00AA00;">;</span>
  &lt;/p<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/acid.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/acid.jpg" alt="" title="acid" width="443" height="388" class="aligncenter size-full wp-image-3185" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.<span style="color: #000000; font-weight: bold;">display</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Browsers</strong><br />
Internet Explorer before version 7 inclusively:<br />
Supports of values "table-footer-group" and "table-header-group" is performed only for tags &lt;THEAD&gt; and &lt;TFOOT&gt;<br />
Understands the value "block" as "list-item" for the elements &lt;L1&gt;<br />
The value "inline-block" is used only for built-in elements.<br />
Opera 9.2 and after, and alsoFirefox version 2.0 and before:<br />
The value "table-column" is used only for the tag &lt;COL&gt;<br />
The value "table-column-group" is used only for the tag &lt;COLGROUP&gt;</div>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/display.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>direction</title>
		<link>http://phpforms.net/tutorial/css-reference/direction.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/direction.html#comments</comments>
		<pubDate>Sat, 10 Apr 2010 09:31:16 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3174</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS2


Default value 
ltr


Inherited
Yes


Applied
To all elements 


HTML analog
&#60;tag direction="ltr &#124; rtl"&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/visuren.html#propdef-direction



Description
The parameter direction is intended for sites in which the text direction matters. For example, at use of the Arabian alphabet reading occurs from right to left.
The attribute direction is universal enough and operates following possibilities:
•	A way of the text display [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS2</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">ltr</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">Yes</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all elements </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">&lt;tag direction="ltr | rtl"&gt;</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction">http://www.w3.org/TR/CSS21/visuren.html#propdef-direction</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
The parameter direction is intended for sites in which the text direction matters. For example, at use of the Arabian alphabet reading occurs from right to left.<br />
The attribute direction is universal enough and operates following possibilities:<br />
•	A way of the text display in the block;<br />
•	An order of columns in the table;<br />
•	A position of a scrolling strip in the block;<br />
•	Last trailing position of the text block at text-align: justify.<br />
It is used with the integral elements, the attribute value unicode-bidi should be specified as embed or override.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">direction</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">ltr</span> | rtl</pre></div></div>

<div style="font-size: 1.5em;"><strong>Values</strong><br />
ltr<br />
It determines the direction from left to right.<br />
rtl<br />
It determines the direction from right to left.</p>
<p><strong>Example 1</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   DIV<span style="color: #6666ff;">.rtl</span> <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">direction</span><span style="color: #00AA00;">:</span> rtl<span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Direction */</span> 
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">200px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Block width */</span> 
    <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">150px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Block height */</span> 
    <span style="color: #000000; font-weight: bold;">overflow</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">scroll</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Scrolling band */</span> 
    <span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Left alignment */</span> 
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around thje text */</span> 
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#000</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame parameters */</span> 
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;rtl&quot;</span><span style="color: #00AA00;">&gt;</span>The bicycle has been invented and different layout ways have been invented<span style="color: #00AA00;">,</span> too. You must acquaint more with world experience of layout and must not spend time for developing the things which are known for everybody.&lt;/div<span style="color: #00AA00;">&gt;</span></pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 1. Pay attention at dot location.</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/direction1.bmp"><img class="aligncenter size-full wp-image-3176" title="direction" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/direction1.bmp" alt="" /></a></p>
<div style="font-size: 1.5em;"><strong>Example 2</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
    TABLE <span style="color: #00AA00;">&#123;</span> 
     <span style="color: #000000; font-weight: bold;">direction</span><span style="color: #00AA00;">:</span> rtl<span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Columns run right to left */</span>
     <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">100</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Table width */</span>
    <span style="color: #00AA00;">&#125;</span> 
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&lt;table <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;1&quot;</span> cellspacing<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;0&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;tbody<span style="color: #00AA00;">&gt;</span>
&lt;tr<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">1999</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">2000</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">2001</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">2002</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">2003</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;/tr<span style="color: #00AA00;">&gt;</span>
&lt;tr<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span>Oil&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">16</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">34</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">62</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">74</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">57</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;/tr<span style="color: #00AA00;">&gt;</span>
&lt;tr<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span>Gold&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">4</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">69</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">72</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">56</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">47</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;/tr<span style="color: #00AA00;">&gt;</span>
&lt;tr<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span>Wood&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">7</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">73</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">79</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">34</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">86</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;/tr<span style="color: #00AA00;">&gt;</span>
&lt;/tbody<span style="color: #00AA00;">&gt;</span>
&lt;/table<span style="color: #00AA00;">&gt;</span></pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 2. Columns image right to left</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dir2.bmp"><img class="aligncenter size-full wp-image-3177" title="dir2" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dir2.bmp" alt="" /></a></p>
<div style="font-size: 1.5em;"><strong>Browsers</strong></p>
<p>When the attribute "direction" with the value "rtl" is added to the block with scrolling band (for example, &lt;TEXTAREA&gt;) browsers nternet Explorer, Firefox and Netscape image the scrolling in the left side and Opera и Safari from the right side.</p></div>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/direction.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>cursor</title>
		<link>http://phpforms.net/tutorial/css-reference/cursor.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/cursor.html#comments</comments>
		<pubDate>Sat, 10 Apr 2010 09:02:23 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3167</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Partially
Partially
Yes
Yes
Yes
Yes
Partially
Yes
Yes



Short information



CSS
CSS2


Default value 
auto


Inherited
Yes


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/ui.html#cursor-props



Description
It determines the cursor form when it is in element limits. The cursor kind depends on an operating system and the determined parameters.
Before taking an advantage of possibility to alter a cursor kind, you should desire whether it will be used to a place. [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Partially</span></td>
<td class="yes"><span style="font-size: x-small;">Partially</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Partially</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS2</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">auto</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">Yes</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all elements </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/ui.html#cursor-props">http://www.w3.org/TR/CSS21/ui.html#cursor-props</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
It determines the cursor form when it is in element limits. The cursor kind depends on an operating system and the determined parameters.<br />
Before taking an advantage of possibility to alter a cursor kind, you should desire whether it will be used to a place. Similar changes can mislead many users, for example instead of the traditional hand appearing at prompting on the reference, there is something another. In most cases, it is better not to change everything.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">cursor</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">auto</span> | <span style="color: #993333;">crosshair</span> | <span style="color: #993333;">default</span> | <span style="color: #993333;">e-resize</span> | <span style="color: #993333;">help</span> | move | <span style="color: #993333;">n-resize</span> | <span style="color: #993333;">ne-resize</span> | <span style="color: #993333;">nw-resize</span> | <span style="color: #993333;">pointer</span> | progress | <span style="color: #993333;">s-resize</span> | <span style="color: #993333;">se-resize</span> | <span style="color: #993333;">sw-resize</span> | <span style="color: #993333;">text</span> | <span style="color: #993333;">w-resize</span> | <span style="color: #993333;">wait</span> || <span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">'a path to a cursor'</span><span style="color: #00AA00;">&#41;</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
auto<br />
It selects cursor kind by default for a current element.<br />
url<br />
It allows to determine the own cursor. In that case it is necessary to specify a way to a file in which the cursor form is specified in format CUR or ANI.<br />
Other admissible arguments are given in tab. 1.</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/cursor-type.jpg"><img class="aligncenter size-full wp-image-3169" title="cursor type" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/cursor-type.jpg" alt="" width="625" height="666" /></a></p>
<div style="font-size: 1.5em;">The cursor kind can differ from given data in the table depending on an operating system and its options.</p>
<p><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   <span style="color: #6666ff;">.cross</span> <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">cursor</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">crosshair</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
   <span style="color: #6666ff;">.help</span> <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">cursor</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">help</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&nbsp;
&nbsp;
On this <span style="color: #993333;">text</span> the mouse <span style="color: #000000; font-weight: bold;">cursor</span> will look like a crossline.
&nbsp;
   &lt;a class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;help&quot;</span> href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;help1.htm&quot;</span><span style="color: #00AA00;">&gt;</span>HELP <span style="color: #cc66cc;">1</span>&lt;/a<span style="color: #00AA00;">&gt;</span>
   &lt;a class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;help&quot;</span> href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;help2.htm&quot;</span><span style="color: #00AA00;">&gt;</span>HELP <span style="color: #cc66cc;">2</span>&lt;/a<span style="color: #00AA00;">&gt;</span>
   &lt;a class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;help&quot;</span> href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;help3.htm&quot;</span><span style="color: #00AA00;">&gt;</span>HELP <span style="color: #cc66cc;">3</span>&lt;/a<span style="color: #00AA00;">&gt;</span></pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 1</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/help.bmp"><img class="aligncenter size-full wp-image-3170" title="help" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/help.bmp" alt="" /></a></p>
<div style="font-size: 1.5em;"><strong>Object model</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.<span style="color: #000000; font-weight: bold;">cursor</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Remark</strong><br />
Some browsers support additional cursor types. For example, Internet Explorer works with the value "hand" which is the analog of "pointer". Besides the following arguments will be valid in this browser: "all-scroll", "col-resize", "no-drop", "not-allowed", "row-resize", "vertical-text".</div>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/cursor.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>counter-reset</title>
		<link>http://phpforms.net/tutorial/css-reference/counter-reset.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/counter-reset.html#comments</comments>
		<pubDate>Sat, 10 Apr 2010 08:09:27 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3162</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
No
No
No
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS2


Default value 
none


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset



Description
It defines the identifier in which the counter of certain element displays and also initial value of the counter will be stored. Such counter can be deduced with the help of property content and pseudo-elements after and before.
Syntax

counter-reset: none &#124; &#91;identifier&#93; &#124; &#91;integral number&#93;

Arguments
none
It [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">No</span></td>
<td class="yes"><span style="font-size: x-small;">No</span></td>
<td class="yes"><span style="font-size: x-small;">No</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS2</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">none</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all elements </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset">http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong></p>
<p>It defines the identifier in which the counter of certain element displays and also initial value of the counter will be stored. Such counter can be deduced with the help of property content and pseudo-elements after and before.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">counter-reset</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span> | <span style="color: #00AA00;">&#91;</span>identifier<span style="color: #00AA00;">&#93;</span> | <span style="color: #00AA00;">&#91;</span>integral number<span style="color: #00AA00;">&#93;</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
none<br />
It denies the counter initiating for the current selector.<br />
identifier<br />
It specifies one or several variables in which value of the counter will be stored. Values are divided among themselves by a blank.<br />
integral number<br />
It is an initial value of each identifier. It is equal 0 by default.</p>
<p><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   LI <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">list-style-type</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span> <span style="color: #808080; font-style: italic;">/* Remove the primary list numeration */</span>
   OL <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">counter-reset</span><span style="color: #00AA00;">:</span> list1<span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span> <span style="color: #808080; font-style: italic;">/* Initiate the counter */</span>
   OL LI<span style="color: #3333ff;">:before </span><span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">counter-increment</span><span style="color: #00AA00;">:</span> list1<span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Increase the counter value */</span>
    <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">:</span> counter<span style="color: #00AA00;">&#40;</span>list1<span style="color: #00AA00;">&#41;</span> <span style="color: #ff0000;">&quot;. &quot;</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Output the number */</span>
   <span style="color: #00AA00;">&#125;</span>
   OL OL <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">counter-reset</span><span style="color: #00AA00;">:</span> list2<span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span> <span style="color: #808080; font-style: italic;">/* Initiate the counter of embed list  */</span>
   OL OL LI<span style="color: #3333ff;">:before </span><span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">counter-increment</span><span style="color: #00AA00;">:</span> list2<span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Increase the counter value of embed list */</span>
    <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">:</span> counter<span style="color: #00AA00;">&#40;</span>list1<span style="color: #00AA00;">&#41;</span> <span style="color: #ff0000;">&quot;.&quot;</span> counter<span style="color: #00AA00;">&#40;</span>list2<span style="color: #00AA00;">&#41;</span> <span style="color: #ff0000;">&quot;. &quot;</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Output the number */</span>
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&lt;ol<span style="color: #00AA00;">&gt;</span>
	&lt;li<span style="color: #00AA00;">&gt;</span>Point
&lt;ol<span style="color: #00AA00;">&gt;</span>
	&lt;li<span style="color: #00AA00;">&gt;</span>Subpoint&lt;/li<span style="color: #00AA00;">&gt;</span>
	&lt;li<span style="color: #00AA00;">&gt;</span>Subpoint&lt;/li<span style="color: #00AA00;">&gt;</span>
	&lt;li<span style="color: #00AA00;">&gt;</span>Subpoint&lt;/li<span style="color: #00AA00;">&gt;</span>
&lt;/ol<span style="color: #00AA00;">&gt;</span>
&lt;/li<span style="color: #00AA00;">&gt;</span>
	&lt;li<span style="color: #00AA00;">&gt;</span>Point
&lt;ol<span style="color: #00AA00;">&gt;</span>
	&lt;li<span style="color: #00AA00;">&gt;</span>Subpoint&lt;/li<span style="color: #00AA00;">&gt;</span>
	&lt;li<span style="color: #00AA00;">&gt;</span>Subpoint&lt;/li<span style="color: #00AA00;">&gt;</span>
&lt;/ol<span style="color: #00AA00;">&gt;</span>
&lt;/li<span style="color: #00AA00;">&gt;</span>
&lt;/ol<span style="color: #00AA00;">&gt;</span></pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 1</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/reset.jpg"><img class="aligncenter size-full wp-image-3163" title="reset" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/reset.jpg" alt="" width="520" height="398" /></a></p>
<div style="font-size: 1.5em;"><strong>Remark</strong><br />
For elements having the property "display : none" the counter value doesn't change</div>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/counter-reset.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>counter-increment</title>
		<link>http://phpforms.net/tutorial/css-reference/counter-increment.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/counter-increment.html#comments</comments>
		<pubDate>Sat, 10 Apr 2010 07:53:43 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3156</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
No
No
No
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS2


Default value 
none


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment



Description
The style element counter-increment is intended for value increase of the counter of increments which is specified by the parameter counter-reset. Such counter counts up quantity of elements displays on a page and can be deduced with the help of property content and pseudo-elements [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">No</span></td>
<td class="yes"><span style="font-size: x-small;">No</span></td>
<td class="yes"><span style="font-size: x-small;">No</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS2</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">none</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all elements </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment">http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
The style element counter-increment is intended for value increase of the counter of increments which is specified by the parameter counter-reset. Such counter counts up quantity of elements displays on a page and can be deduced with the help of property content and pseudo-elements after and before. It allows creation of lists (including multilevel). Numbering and a kind are specified through styles.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">counter-increment</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span> | <span style="color: #00AA00;">&#91;</span>identifier<span style="color: #00AA00;">&#93;</span> | <span style="color: #00AA00;">&#91;</span>integral number<span style="color: #00AA00;">&#93;</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
none<br />
It cancels increase in the counter for the current selector<br />
identifier<br />
It specifies one or several variables for which it is required to change value of the counter. Variables are divided among themselves by a blank.<br />
Integral number<br />
It defines value of a counter increment. It is equal 1 by default. It is supposed to use negative and zero values.<br />
Possible combinations of the parameters values counter-reset and counter-increment are shown in tab. 1.</div>
<p><!--     table {      width: 600px; /* Ширина таблицы */       border-collapse: collapse; /* Убираем двойную рамку между ячейками */      }     td {      border: 1px solid black; /* Параметры границы */       padding: 5px; /* Поля в ячейке */      }     caption {       caption-side: Top; /* Заголовок под таблицей */      }     --></p>
<table>
<caption><span style="font-size: x-small;">Tab. 1. Replacing of the list numbering</span></caption>
<tbody>
<tr>
<td><span style="font-size: x-small;">Code</span></td>
<td><span style="font-size: x-small;">Result</span></td>
</tr>
<tr>
<td><span style="font-size: x-small;">LI { list-style-type: none; }<br />
OL { counter-reset: list -1; }<br />
LI:before {<br />
counter-increment: list;<br />
content: counter(list) ". ";<br />
}<br />
</span></td>
<td><span style="font-size: x-small;">The list begins from 0.<br />
0, 1, 2<br />
</span></td>
</tr>
<tr>
<td><span style="font-size: x-small;">LI { list-style-type: none; }<br />
OL { counter-reset: list; }<br />
LI:before {<br />
counter-increment: list 2;<br />
content: counter(list) ". ";<br />
}<br />
</span></td>
<td><span style="font-size: x-small;">All even numbers are deduced.<br />
2, 4, 6<br />
</span></td>
</tr>
<tr>
<td><span style="font-size: x-small;">LI { list-style-type: none; }<br />
OL { counter-reset: list -1; }<br />
LI:before {<br />
counter-increment: list list;<br />
content: counter(list) ". ";<br />
}<br />
</span></td>
<td><span style="font-size: x-small;">All odd numbers are deduced.<br />
1, 3, 5<br />
</span></td>
</tr>
<tr>
<td><span style="font-size: x-small;">LI { list-style-type: none; }<br />
OL { counter-reset: list 9; }<br />
LI:before {<br />
counter-increment: list;<br />
content: counter(list) ". ";<br />
}<br />
</span></td>
<td><span style="font-size: x-small;">The list begins from 10.<br />
10, 11, 12<br />
</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   BODY <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">counter-reset</span><span style="color: #00AA00;">:</span> heading<span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Initiate the counter */</span>
   <span style="color: #00AA00;">&#125;</span>
   H2<span style="color: #3333ff;">:before </span><span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">counter-increment</span><span style="color: #00AA00;">:</span> heading<span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Specify the counter identifier */</span>
    <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">:</span> <span style="color: #ff0000;">&quot;Chapter &quot;</span> counter<span style="color: #00AA00;">&#40;</span>heading<span style="color: #00AA00;">&#41;</span> <span style="color: #ff0000;">&quot;. &quot;</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Output the text before the tag &lt;H2&gt; content */</span>
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&lt;h2<span style="color: #00AA00;">&gt;</span>Theory of lion-hunting in the desert&lt;/h2<span style="color: #00AA00;">&gt;</span>
&lt;h2<span style="color: #00AA00;">&gt;</span>Methods of inverse kinematics&lt;/h2<span style="color: #00AA00;">&gt;</span>
&lt;h2<span style="color: #00AA00;">&gt;</span>Lion-hunting by numerical methods&lt;/h2<span style="color: #00AA00;">&gt;</span></pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 1</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/counter-increment.jpg"><img class="aligncenter size-full wp-image-3159" title="counter-increment" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/counter-increment.jpg" alt="" width="520" height="398" /></a></p>
<div style="font-size: 1.5em;"><strong>Remark</strong><br />
For the elements having the property "display : none" the counter value doesn't change</div>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/counter-increment.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>content</title>
		<link>http://phpforms.net/tutorial/css-reference/content-2.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/content-2.html#comments</comments>
		<pubDate>Sat, 10 Apr 2010 07:24:19 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3152</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
No
No
No
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS2


Default value 
Empty line


Inherited
No


Applied
To pseuduelements "before" and "after"


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/generate.html#content




Description
With the help of the attribute «content» you can paste generating content into web-page text. It is used with pseudo elements after and before. They indicate either display a new content after the element they are added or before it.

Syntax


content: line &#124; [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">No</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS2</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">Empty line</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To pseuduelements "before" and "after"</font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/generate.html#content">http://www.w3.org/TR/CSS21/generate.html#content</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
With the help of the attribute «content» you can paste generating content into web-page text. It is used with pseudo elements after and before. They indicate either display a new content after the element they are added or before it.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">:</span> line | attr<span style="color: #00AA00;">&#40;</span>attribute<span style="color: #00AA00;">&#41;</span> | <span style="color: #993333;">open-quote</span> | <span style="color: #993333;">close-quote</span> | <span style="color: #993333;">no-open-quote</span> | <span style="color: #993333;">no-close-quote</span> | <span style="color: #993333;">url</span> <span style="color: #00AA00;">&#125;</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
Line<br />
Text lines which are added on the web-page must be quoted. If you use the Unicode for special symbols pasting, special symbols HTML which are started from ampersand (for ex &#038;sect) will be displayed as a simple text.<br />
attr(attribute)<br />
This attribute yields the line. The line is attribute value indicated in brackets. For example, IMG:after{content:attr(href)}adds parameter «href» denotation. The line yields if there are no any indicated elements.<br />
open-quote<br />
 It pastes an opening quote. The quote type is determined with the help of the style parameter quotes.<br />
close-quote<br />
Close-quote pastes a closing quote. The type of it is installed by the style parameter quotes.<br />
no-open-quotes<br />
An opening quote is not pasted into the indicated place. For example, tag &lt;Q&gt;  adds quotes to the text it contains inside automatically.<br />
no-close-quote<br />
It cancels closing quote addition.<br />
url<br />
It is absolute or relational pasting object address. If the indicated file is not recognized by a browser, in that case the value is ignored.<br />
<br />
<strong>Example </strong>
</div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>content&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   SPAN<span style="color: #6666ff;">.tag</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">navy</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text color */</span>
    <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">monospace</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Monospaced font */</span>
    <span style="color: #000000; font-weight: bold;">quotes</span><span style="color: #00AA00;">:</span> <span style="color: #ff0000;">&quot;&lt;&quot;</span> <span style="color: #ff0000;">&quot;&gt;&quot;</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Set the sort of quotes */</span>
   <span style="color: #00AA00;">&#125;</span> 
   SPAN<span style="color: #6666ff;">.tag</span><span style="color: #3333ff;">:before </span><span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">open-quote</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Add the open-quote before the text */</span>
  <span style="color: #00AA00;">&#125;</span>
   SPAN<span style="color: #6666ff;">.tag</span><span style="color: #3333ff;">:after </span><span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">close-quote</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Add the close-quote after the text */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;p<span style="color: #00AA00;">&gt;</span>Tag &lt;span class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;tag&quot;</span><span style="color: #00AA00;">&gt;</span>DEL&lt;/span<span style="color: #00AA00;">&gt;</span> is used
  for deselect of the <span style="color: #993333;">text</span> which was deleted in the new document version .&lt;/p<span style="color: #00AA00;">&gt;</span> 
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/content.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/content.jpg" alt="" title="content" width="448" height="258" class="aligncenter size-full wp-image-3153" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Remark</strong><br />
Browser Opera from the version 7 doesn't demand using the pseudoelements "before" and "after" and allows using of "content" for all elements.</div>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/content-2.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>color</title>
		<link>http://phpforms.net/tutorial/css-reference/color.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/color.html#comments</comments>
		<pubDate>Sat, 10 Apr 2010 07:02:45 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3144</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
Depands on browser settings, usually the color is black


Inherited
Yes


Applied
To all elements 


HTML analog
&#60;body text="color"&#62; &#60;font text="color"&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/colors.html#propdef-color




Description
This parameter determines a color of element text.

Syntax


color: value


Arguments
You can specify a color by 3 means.
1. By the name.
 Browsers support some colors with the names.
2. By the hexadecimal denotation
For colors specifying it [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">Depands on browser settings, usually the color is black</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;body text="color"&gt; &lt;font text="color"&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/colors.html#propdef-color">http://www.w3.org/TR/CSS21/colors.html#propdef-color</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
This parameter determines a color of element text.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> value</pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
You can specify a color by 3 means.<br />
1. By the name.<br />
 Browsers support some colors with the names.<br />
2. By the hexadecimal denotation<br />
For colors specifying it is used the numbers in hexadecimal code. This system unlike decimal is based on number 16. It uses next symbols: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Here you can see that numbers from 10 to 16 are changed by Latin letters. In the decimal value the numbers after 15 are formed by combination of 2 numbers into 1. For example, number 255 appropriates number FF in hexadecimal value. For avoiding misunderstandings to define accounting system, there is the symbol # before hexadecimal value, for example #666999. Each of three colors — red, green and dark blue — can take on values from 00 to FF. Thus, value of color is broken up on three constituents  #rrggbb, where first 2 symbols mark red component of a color, 2 mediums do green and two last do – dark blue. It is assumed to use the brief form of kind #rgb, where every symbol is needed to double. So, it is necessary to consider record #fe0  as #ffee00.<br />
3. With the help of RGB<br />
It is possible to define a color using values of red, green and dark blue making in a decimal calculation. Value each of three colors can take on values from 0 to 255. It is also possible to set a color in a percentage ratio.<br />
<br />
<strong>Example</strong>
</div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>color&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #6666ff;">.letter</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Symbol color */</span>
    <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">200</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Font size */</span>
   <span style="color: #00AA00;">&#125;</span> 
   P <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> RGB<span style="color: #00AA00;">&#40;</span><span style="color: #cc66cc;">49</span><span style="color: #00AA00;">,</span> <span style="color: #cc66cc;">151</span><span style="color: #00AA00;">,</span> <span style="color: #cc66cc;">116</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text color */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;p<span style="color: #00AA00;">&gt;</span>&lt;span class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;letter&quot;</span><span style="color: #00AA00;">&gt;</span>L&lt;/span<span style="color: #00AA00;">&gt;</span>orem ipsum dolor 
   sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem nonummy nibh euismod tincidunt 
   ut lacreet dolore magna aliguam erat volutpat.&lt;/p<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>&lt;span class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;letter&quot;</span><span style="color: #00AA00;">&gt;</span>U&lt;/span<span style="color: #00AA00;">&gt;</span>t wisis enim ad 
   minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit lobortis nisl 
   ut aliquip ex ea commodo consequat.&lt;/p<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/color.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/color.jpg" alt="" title="color" width="448" height="372" class="aligncenter size-full wp-image-3148" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.<span style="color: #000000; font-weight: bold;">color</span></pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/color.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>clip</title>
		<link>http://phpforms.net/tutorial/css-reference/clip.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/clip.html#comments</comments>
		<pubDate>Sat, 10 Apr 2010 06:42:58 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3133</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Errors
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS2


Default value 
auto


Inherited
No


Applied
To block and interchangeable elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/visufx.html#propdef-clip




Description
This parameter determines an element positioning area. The element contents will be indicated in this area. Everything in that area will be cut and invisible. A rectangle is only one accessed area form at that moment. The parameter «clip» works only for [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Errors</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS2</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">auto</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To block and interchangeable elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip">http://www.w3.org/TR/CSS21/visufx.html#propdef-clip</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
This parameter determines an element positioning area. The element contents will be indicated in this area. Everything in that area will be cut and invisible. A rectangle is only one accessed area form at that moment. The parameter «clip» works only for absolutely positioned elements.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">clip</span><span style="color: #00AA00;">:</span> rect<span style="color: #00AA00;">&#40;</span>Y1<span style="color: #00AA00;">,</span> X1<span style="color: #00AA00;">,</span> Y2<span style="color: #00AA00;">,</span> X2<span style="color: #00AA00;">&#41;</span> | <span style="color: #993333;">auto</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
Distance from element border to cutting area is used as arguments in that case. This distance is specified in CSS items, such as pixels (px), percent (%) etc. If you want an area border does not change, you should determine the parameter «auto». Other variants are given below.</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/clip1.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/clip1.jpg" alt="" title="clip1" width="381" height="235" class="aligncenter size-full wp-image-3137" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>clip&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
  <span style="color: #cc00cc;">#layer</span> <span style="color: #00AA00;">&#123;</span>
   <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">absolute</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Absolute  positioning*/</span>
   <span style="color: #000000; font-weight: bold;">clip</span><span style="color: #00AA00;">:</span> rect<span style="color: #00AA00;">&#40;</span><span style="color: #933;">40px</span><span style="color: #00AA00;">,</span> <span style="color: #993333;">auto</span><span style="color: #00AA00;">,</span> <span style="color: #993333;">auto</span><span style="color: #00AA00;">,</span> <span style="color: #933;">40px</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Hide part of the text */</span>
   <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">200px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Block width */</span>
   <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">white</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text color */</span>
   <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#7f4c3e</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
   <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame parameters */</span>
   <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span>
  <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
  &lt;/head<span style="color: #00AA00;">&gt;</span> 
  &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;layer&quot;</span><span style="color: #00AA00;">&gt;</span>
   &lt;p<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem 
   nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. 
   Ut wisis enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit 
   lobortis nisl ut aliquip ex ea commodo consequat.&lt;/p<span style="color: #00AA00;">&gt;</span>
  &lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 2</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/clip2.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/clip2.jpg" alt="" title="clip2" width="445" height="440" class="aligncenter size-full wp-image-3138" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.<span style="color: #000000; font-weight: bold;">clip</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Remark</strong><br />
The browser Opera 7 (from version 8 it is otherwise) hides only the block element's content and background and the frame remain invariable. The result of this example in Opera 7 is shown on the figure 3.</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/clip3.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/clip3.jpg" alt="" title="clip3" width="203" height="273" class="aligncenter size-full wp-image-3140" /></a><br />
</p>
<div style="font-size:1.5em;">Other browsers image the example in another way. The browser Firefox hides not only the text but also background and the frame. It is shown on the figure 4.</pre>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/clip4.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/clip4.jpg" alt="" title="clip4" width="194" height="272" class="aligncenter size-full wp-image-3141" /></a><br />

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/clip.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>clear</title>
		<link>http://phpforms.net/tutorial/css-reference/clear.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/clear.html#comments</comments>
		<pubDate>Sat, 10 Apr 2010 06:04:55 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3124</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
None


Inherited
No


Applied
To block and float elements 


HTML analog
&#60;br clear=left &#124; right &#124; all&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/visuren.html#propdef-clear




Description
With the help of this parameter it is possible to determine an element side which is obligated to wrap around by other elements. The «clear» can cancel element wrapping which was determined by the parameter «float».

Syntax


clear: both [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">None</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To block and float elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;br clear=left | right | all&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear">http://www.w3.org/TR/CSS21/visuren.html#propdef-clear</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
With the help of this parameter it is possible to determine an element side which is obligated to wrap around by other elements. The «clear» can cancel element wrapping which was determined by the parameter «float».<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">clear</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">both</span> | <span style="color: #000000; font-weight: bold;">left</span> | <span style="color: #993333;">none</span> | <span style="color: #000000; font-weight: bold;">right</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
both<br />
It cancels element wrapping on both sides. It is recommended to install when you do not know exactly which element should be cancelled.<br />
left<br />
It cancels left border wrapping of an element. In this case all elements on this side will be put down and locate under a current element.<br />
right<br />
            It cancels right side wrapping of an element.<br />
none<br />
            Element wrapping occurs with the help of the parameter «float» or other ones.<br />
<br />
<strong>Example</strong>
</div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>clear&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #cc00cc;">#layer</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Right edge flow of the block */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fd0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame parameters */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span>
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">40</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Block width */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;layer&quot;</span><span style="color: #00AA00;">&gt;</span>
  Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem nonummy nibh 
  euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
  &lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;div style<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;clear: left&quot;</span><span style="color: #00AA00;">&gt;</span>&lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;p<span style="color: #00AA00;">&gt;</span>Duis autem dolor in hendrerit in vulputate velit esse molestie consequat<span style="color: #00AA00;">,</span> 
  vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto 
  odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore 
  te feugat nulla facilisi.&lt;/p<span style="color: #00AA00;">&gt;</span> 
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/clear.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/clear.jpg" alt="" title="clear" width="534" height="453" class="aligncenter size-full wp-image-3130" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.<span style="color: #000000; font-weight: bold;">clear</span></pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/clear.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>caption-side</title>
		<link>http://phpforms.net/tutorial/css-reference/caption-side.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/caption-side.html#comments</comments>
		<pubDate>Fri, 09 Apr 2010 11:46:37 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3114</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
No
No
No
?
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS2


Default value 
Top


Inherited
Yes


Applied
To &#60;CAPTION&#62; or to all elements having the value "table-caption" of "display"


HTML analog
&#60;caption align="top &#124; bottom"&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side




Description
With the help of the tag &#60;CAPTION&#62; you can determine the banner location of a table. The parameter caption-side outputs the banner before and after a table. Attribute «text-align» determines left and right [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">No</font></td>
<td class="yes rdline"><font size="2">?</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS2</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">Top</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">Yes</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To &lt;CAPTION&gt; or to all elements having the value "table-caption" of "display"</font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;caption align="top | bottom"&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side">http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
With the help of the tag &lt;CAPTION&gt; you can determine the banner location of a table. The parameter caption-side outputs the banner before and after a table. Attribute «text-align» determines left and right border adequation. The browser Firefox supports this function, but these values are not supported by CSS.<br />
<br /> <br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">caption-side</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">top</span> | <span style="color: #000000; font-weight: bold;">bottom</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
top<br />
It locates a banner at the top of a table.<br />
bottom<br />
It locates a banner at the bottom of a table.<br />
right<br />
It can work only in Firefox and Mozilla. This argument locates a banner on the right of a table.<br />
left<br />
It can work only in Firefox and Mozilla. This argument locates a banner on the left of a table.<br />
<br />
<strong>Example</strong>
</div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Расположение заголовка&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
    table <span style="color: #00AA00;">&#123;</span>
     <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">350px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Table width */</span> 
     <span style="color: #000000; font-weight: bold;">border-collapse</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">collapse</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Remove double frame between cells */</span> 
    <span style="color: #00AA00;">&#125;</span>
    td <span style="color: #00AA00;">&#123;</span>
     <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #993333;">green</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Border parameters */</span> 
     <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas in the cell */</span> 
    <span style="color: #00AA00;">&#125;</span>
    caption <span style="color: #00AA00;">&#123;</span> 
     <span style="color: #000000; font-weight: bold;">caption-side</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">bottom</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Title under the table */</span> 
    <span style="color: #00AA00;">&#125;</span>
   &lt;/style<span style="color: #00AA00;">&gt;</span>
  &lt;/head<span style="color: #00AA00;">&gt;</span>
  &lt;body<span style="color: #00AA00;">&gt;</span>
   &lt;table<span style="color: #00AA00;">&gt;</span>
    &lt;caption<span style="color: #00AA00;">&gt;</span>Kart deal&lt;/caption<span style="color: #00AA00;">&gt;</span>
    &lt;tr<span style="color: #00AA00;">&gt;</span>
     &lt;td<span style="color: #00AA00;">&gt;</span>&amp;nbsp<span style="color: #00AA00;">;</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
     &lt;td<span style="color: #00AA00;">&gt;</span>&amp;spades<span style="color: #00AA00;">;</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
     &lt;td<span style="color: #00AA00;">&gt;</span>&amp;clubs<span style="color: #00AA00;">;</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
     &lt;td<span style="color: #00AA00;">&gt;</span>&amp;hearts<span style="color: #00AA00;">;</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
     &lt;td<span style="color: #00AA00;">&gt;</span>&amp;diams<span style="color: #00AA00;">;</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
    &lt;/tr<span style="color: #00AA00;">&gt;</span>
    &lt;tr<span style="color: #00AA00;">&gt;</span>
     &lt;td<span style="color: #00AA00;">&gt;</span>Cheburashka&lt;/td<span style="color: #00AA00;">&gt;</span>
     &lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">6</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">3</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
     &lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">1</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">3</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
    &lt;/tr<span style="color: #00AA00;">&gt;</span>
    &lt;tr<span style="color: #00AA00;">&gt;</span>
     &lt;td<span style="color: #00AA00;">&gt;</span>Gena Crocodile &lt;/td<span style="color: #00AA00;">&gt;</span>
     &lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">1</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">5</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
     &lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">5</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">2</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
    &lt;/tr<span style="color: #00AA00;">&gt;</span>
    &lt;tr<span style="color: #00AA00;">&gt;</span>
     &lt;td<span style="color: #00AA00;">&gt;</span>Shapoklyak&lt;/td<span style="color: #00AA00;">&gt;</span>
     &lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">3</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
     &lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">4</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
     &lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">6</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
     &lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">0</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
    &lt;/tr<span style="color: #00AA00;">&gt;</span>
    &lt;tr<span style="color: #00AA00;">&gt;</span>
     &lt;td<span style="color: #00AA00;">&gt;</span>Rat Larisa&lt;/td<span style="color: #00AA00;">&gt;</span>
     &lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">3</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
     &lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">1</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
     &lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">1</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
     &lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">8</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
    &lt;/tr<span style="color: #00AA00;">&gt;</span>
   &lt;/table<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<pre>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/gena.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/gena.jpg" alt="" title="gena" width="519" height="361" class="aligncenter size-full wp-image-3120" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.captionSide</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/caption-side.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>bottom</title>
		<link>http://phpforms.net/tutorial/css-reference/bottom.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/bottom.html#comments</comments>
		<pubDate>Fri, 09 Apr 2010 11:27:57 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3104</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS2


Default value 
auto


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom




Description
It determines bottom border position of a contained element without a thickness of frameworks and spaces. Coordinates readout depends on parameter position. It usually accepts value relative (relative position) or absolute (absolute position).
Readout is conducted from a bottom border of an element starting position [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS2</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">auto</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom">http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It determines bottom border position of a contained element without a thickness of frameworks and spaces. Coordinates readout depends on parameter position. It usually accepts value relative (relative position) or absolute (absolute position).<br />
Readout is conducted from a bottom border of an element starting position (fig. 1) at relative positioning of an element. At absolute is conducted concerning a bottom border of a document window (fig. 2).</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/bottom1.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/bottom1.jpg" alt="" title="bottom1" width="311" height="262" class="aligncenter size-full wp-image-3109" /></a><br />
<br />
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/bottom2.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/bottom2.jpg" alt="" title="bottom2" width="311" height="262" class="aligncenter size-full wp-image-3110" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">bottom</span><span style="color: #00AA00;">:</span> value | percent | <span style="color: #993333;">auto</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
Any units of length accepted in CSS are applied as values, for example pixels (px), inches (in), points (pt), etc. Value of parameter bottom can be negative. In this case superpositions of different elements against each other are possible. If you specify the value in percent, the element position will be calculated depending on parental element height. The argument auto does not change the element position.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>bottom&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #cc00cc;">#layer</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">bottom</span><span style="color: #00AA00;">:</span> <span style="color: #933;">20px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Distance from the bottom margin of the browser window */</span>
    <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">absolute</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Absolute positioning */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#f0f0f0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">solid</span> <span style="color: #933;">1px</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame parameters */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;layer&quot;</span><span style="color: #00AA00;">&gt;</span>
   Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem 
   nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
  &lt;/div<span style="color: #00AA00;">&gt;</span> 
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 3</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/bottom3.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/bottom3.jpg" alt="" title="bottom3" width="519" height="361" class="aligncenter size-full wp-image-3111" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.<span style="color: #000000; font-weight: bold;">bottom</span></pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/bottom.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>border-width</title>
		<link>http://phpforms.net/tutorial/css-reference/border-width.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/border-width.html#comments</comments>
		<pubDate>Fri, 09 Apr 2010 11:07:14 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3097</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
medium


Inherited
No


Applied
To all elements 


HTML analog
&#60;img border &#62; &#124; &#60;table border&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#border-width-properties




Description
With the help of this parameter it is possible to specify border thickness on every side of an element. You may also specify it for every page separately. Number of elements is depended on which device of thickness variation [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">medium</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;img border &gt; | &lt;table border&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/box.html#border-width-properties">http://www.w3.org/TR/CSS21/box.html#border-width-properties</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
With the help of this parameter it is possible to specify border thickness on every side of an element. You may also specify it for every page separately. Number of elements is depended on which device of thickness variation is selected.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">border-width</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">thin</span> | <span style="color: #993333;">medium</span> | <span style="color: #993333;">thick</span> | value</pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
Thickness at the bottom of a page is specified by 3 variables. They are thin (2 pixels), medium (4 pixels) и thick (6 pixels). If you want to get more accurate value, you may specify thickness in pixels and other items. You are allowed to use from one to four values. It is necessary to part them by a blank. The effect depends on the amount of arguments given below.</div>
<p>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br />
<html><br />
 <head><br />
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></p>
<style type="text/css">
    table {
     width: 600px; /* Ширина таблицы */ 
     border-collapse: collapse; /* Убираем двойную рамку между ячейками */ 
    }
    td {
     border: 1px solid black; /* Параметры границы */ 
     padding: 5px; /* Поля в ячейке */ 
    }
    caption { 
     caption-side: Top; /* Заголовок под таблицей */ 
    }
   </style>
<p>  </head><br />
  <body></p>
<table>
<caption><font size="2">Tab.1. Color changing depending on arguments' amount</font></caption>
<tr>
<td><font size="2">Argument amount</font></td>
<td><font size="2">Result</font></td>
</tr>
<tr>
<td><font size="2">1</font></td>
<td><font size="2">Frame color will be set for all element's sides</font></td>
</tr>
<tr>
<td><font size="2">2 </font></td>
<td><font size="2">The first argument sets the color of top and bottom sides and the second one for left and right sides</font></td>
</tr>
<tr>
<td><font size="2">3</font></td>
<td><font size="2">The first argument defined the color of the top side, the second one - left and right sides at the same time, the third one - for the bottom side</font></td>
</tr>
<tr>
<td><font size="2">4 </font></td>
<td><font size="2">The color of top, bottom, right and left sides is set in turn</font></td>
</tr>
</table>
<p> </body><br />
</html><br />
</p>
<div style="font-size:1.5em;"><strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>border-width&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   P <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">border-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">double</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame style around the parameter */</span>
    <span style="color: #000000; font-weight: bold;">border-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span> <span style="color: #933;">7px</span> <span style="color: #933;">7px</span> <span style="color: #933;">4px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Border weight */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;p<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.&lt;/p<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/width.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/width.jpg" alt="" title="width" width="485" height="362" class="aligncenter size-full wp-image-3101" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.borderWidth</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/border-width.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>border-top-width</title>
		<link>http://phpforms.net/tutorial/css-reference/border-top-width.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/border-top-width.html#comments</comments>
		<pubDate>Fri, 09 Apr 2010 10:54:40 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3091</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
medium


Inherited
No


Applied
To all elements 


HTML analog
&#60;img border &#62; &#124; &#60;table border&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#border-width-properties




Description
It determines thickness at the top of an element

Syntax


border-yop-width: thin &#124; medium &#124; thick &#124; value


Arguments
Thickness at the bottom of a page is specified by 3 variables. They are thin (2 pixels), medium (4 pixels) и thick (6 pixels). [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">medium</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;img border &gt; | &lt;table border&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/box.html#border-width-properties">http://www.w3.org/TR/CSS21/box.html#border-width-properties</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It determines thickness at the top of an element<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">border-yop-<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">thin</span> | <span style="color: #993333;">medium</span> | <span style="color: #993333;">thick</span> | value</pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
Thickness at the bottom of a page is specified by 3 variables. They are thin (2 pixels), medium (4 pixels) и thick (6 pixels). If you want to get more accurate value, you may specify thickness in pixels and other items.<br />
<br />
<strong>Example</strong></div>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>border-top-width&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   H1 <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">border-top-color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">green</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Top line color */</span>
    <span style="color: #000000; font-weight: bold;">border-top-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">double</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Top line style */</span>
    <span style="color: #000000; font-weight: bold;">border-top-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Top line weight */</span>
    <span style="color: #000000; font-weight: bold;">border-right-color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">green</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Left line color */</span>
    <span style="color: #000000; font-weight: bold;">border-right-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">double</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line style */</span>
    <span style="color: #000000; font-weight: bold;">border-right-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line weight*/</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#f9b61c</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text color */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;h1<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet&lt;/h1<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed 
     diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam 
     erat volutpat. Ut wisis enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci 
     tution ullamcorper suscipit lobortis nisl ut aliquip 
     ex ea commodo consequat.&lt;/p<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/top-width.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/top-width.jpg" alt="" title="top width" width="485" height="362" class="aligncenter size-full wp-image-3094" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.borderTopWidth</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/border-top-width.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>border-top-style</title>
		<link>http://phpforms.net/tutorial/css-reference/border-top-style.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/border-top-style.html#comments</comments>
		<pubDate>Fri, 09 Apr 2010 10:42:43 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3084</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
No


Inherited
No


Applied
To all elements 


HTML analog
&#60;img border &#62; &#124; &#60;table border&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#border-style-properties




Description
It determines a border style at the top of an element.

Syntax


border-top-style: style


Arguments
For border type control you can choose following 8 values of parameter border-bottom-style



Example


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
&#60;!DOCTYPE HTML PUBLIC &#34;-//W3C//DTD HTML 4.01//EN&#34; &#34;http://www.w3.org/TR/html4/strict.dtd&#34;&#62;
&#60;html&#62;
 &#60;head&#62;
  &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=windows-1251&#34;&#62;
  &#60;title&#62;border-top-style&#60;/title&#62;
  [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;img border &gt; | &lt;table border&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/box.html#border-style-properties">http://www.w3.org/TR/CSS21/box.html#border-style-properties</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It determines a border style at the top of an element.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">border-top-style</span><span style="color: #00AA00;">:</span> style</pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
For border type control you can choose following 8 values of parameter border-bottom-style</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dotted8.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dotted8.jpg" alt="" title="dotted" width="471" height="70" class="aligncenter size-full wp-image-3087" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>border-top-style&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   H1 <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">border-top-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#800000</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Top line color */</span>
    <span style="color: #000000; font-weight: bold;">border-top-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">double</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Top line style */</span>
    <span style="color: #000000; font-weight: bold;">border-top-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Top line weight */</span>
    <span style="color: #000000; font-weight: bold;">border-left-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#bd0000</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Left line color */</span>
    <span style="color: #000000; font-weight: bold;">border-left-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">solid</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line style */</span>
    <span style="color: #000000; font-weight: bold;">border-left-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line weight */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span> 
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;h1<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet&lt;/h1<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. 
  Ut wisis enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit 
  lobortis nisl ut aliquip ex ea commodo consequat.&lt;/p<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 2</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/top-style.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/top-style.jpg" alt="" title="top style" width="568" height="362" class="aligncenter size-full wp-image-3088" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.borderTopStyle</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/border-top-style.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>border-top-color</title>
		<link>http://phpforms.net/tutorial/css-reference/border-top-color.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/border-top-color.html#comments</comments>
		<pubDate>Fri, 09 Apr 2010 10:28:58 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3078</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS1


Default value 
Value of color fitted by parameter color


Inherited
No


Applied
To all elements 


HTML analog
&#60;img border &#62; &#124; &#60;table border&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#border-color-properties



Description
This parameter determines a border color at the top of an element.
Syntax

border-top-color: color

Arguments
You can specify a color by 3 means.
1. By to the name.
Browsers support some colors with the names.
2. By the hexadecimal [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS1</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">Value of color fitted by parameter <span class="value">color</span></span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all elements </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">&lt;img border &gt; | &lt;table border&gt;</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/box.html#border-color-properties">http://www.w3.org/TR/CSS21/box.html#border-color-properties</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
This parameter determines a border color at the top of an element.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">border-top-color</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">color</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
You can specify a color by 3 means.<br />
1. By to the name.<br />
Browsers support some colors with the names.<br />
2. By the hexadecimal value<br />
For colors specifying it is used the numbers in hexadecimal code. This system unlike decimal is based on number 16. It uses next symbols: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Here you can see that numbers from 10 to 16 are changed by Latin letters. In the decimal value the numbers after 15 are formed by combination of 2 numbers into 1. For example, number 255 appropriates number FF in hexadecimal value. For avoiding misunderstandings to define accounting system, there is the symbol # before hexadecimal denotation, for example #666999. Each of three colors — red, green and dark blue — can take on values from 00 to FF. Thus, value of color is broken up on three constituents  #rrggbb, where first 2 symbols mark red component of a color, 2 mediums do green and two last do – dark blue. It is assumed to use the brief form of kind #rgb, where every symbol is needed to double. So, it is necessary to consider record #fe0  as #ffee00.<br />
3. With the help of RGB<br />
It is possible to define a color using values of red, green and dark blue making in a decimal calculation. Value each of three colors can take on values from 0 to 255. It is also possible to set a color in a percentage ratio.</p>
<p><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   H1 <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">border-top-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ccc</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Top line color */</span>
    <span style="color: #000000; font-weight: bold;">border-top-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">double</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Top line style */</span>
    <span style="color: #000000; font-weight: bold;">border-top-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Top line width */</span>
    <span style="color: #000000; font-weight: bold;">border-left-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ccc</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Left line color */</span>
    <span style="color: #000000; font-weight: bold;">border-left-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">solid</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line style */</span>
    <span style="color: #000000; font-weight: bold;">border-left-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line weight */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span> 
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&lt;h1<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet&lt;/h1<span style="color: #00AA00;">&gt;</span>
Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
  Ut wisis enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit
  lobortis nisl ut aliquip ex ea commodo consequat.</pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 1</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/border-top-color.jpg"><img class="aligncenter size-full wp-image-3081" title="border-top-color" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/border-top-color.jpg" alt="" width="568" height="362" /></a></p>
<div style="font-size: 1.5em;"><strong>Object model</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.borderTopColor</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/border-top-color.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>border-top</title>
		<link>http://phpforms.net/tutorial/css-reference/border-top.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/border-top.html#comments</comments>
		<pubDate>Fri, 09 Apr 2010 10:14:19 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3071</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS1


Default value 
Depends on arguments used


Inherited
No


Applied
To all elements 


HTML analog
&#60;img border &#62; &#124; &#60;table border&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties



Description
With the help of this parameter you can determine thickness, style and color at the top of an element. Values can be in any order and they are divided by a blank. A browser can define [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS1</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">Depends on arguments used</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all elements </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">&lt;img border &gt; | &lt;table border&gt;</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties">http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
With the help of this parameter you can determine thickness, style and color at the top of an element. Values can be in any order and they are divided by a blank. A browser can define which of them corresponds to the necessary attribute.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">border-top</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">border-width</span> || <span style="color: #000000; font-weight: bold;">border-style</span> || <span style="color: #000000; font-weight: bold;">color</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
The border-width determines border thickness. There are 8 values of the border-style which command borders types. They are given below.</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dotted7.jpg"><img class="aligncenter size-full wp-image-3074" title="dotted" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dotted7.jpg" alt="" width="471" height="70" /></a></p>
<div style="font-size: 1.5em;">The first two ones (dotted and dashed) are supported by Internet Explorer, version 5.5.<br />
Argument color installs border color and the denotation may be in any valid format for CSS.</p>
<p><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   DIV<span style="color: #6666ff;">.line</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">border-top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line above the text */</span>
    <span style="color: #000000; font-weight: bold;">border-bottom</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line below the text */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span>
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;line&quot;</span><span style="color: #00AA00;">&gt;</span>
   Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem nonummy nibh
   euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim
   ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit lobortis nisl
   ut aliquip ex ea commodo consequat.&lt;/div<span style="color: #00AA00;">&gt;</span></pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 2</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/border-top.jpg"><img class="aligncenter size-full wp-image-3075" title="border-top" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/border-top.jpg" alt="" width="565" height="342" /></a></p>
<div style="font-size: 1.5em;"><strong>Object model</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.borderTop</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/border-top.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>border-style</title>
		<link>http://phpforms.net/tutorial/css-reference/border-style.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/border-style.html#comments</comments>
		<pubDate>Fri, 09 Apr 2010 09:48:51 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3062</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
No


Inherited
No


Applied
To all elements 


HTML analog
&#60;img border &#62; &#124; &#60;table border&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#border-style-properties




Description
It determines a border style around an element. It is possible to determine certain styles for different sides of an element.

Syntax


border-style: style


Arguments
You can choose following 8 denotations of the parameter border-bottom-style for border type control. The border type depends [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="100%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;img border &gt; | &lt;table border&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/box.html#border-style-properties">http://www.w3.org/TR/CSS21/box.html#border-style-properties</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It determines a border style around an element. It is possible to determine certain styles for different sides of an element.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">border-style</span><span style="color: #00AA00;">:</span> style</pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
You can choose following 8 denotations of the parameter border-bottom-style for border type control. The border type depends on using browser and a table thickness. The table is given below indicates style names and borders with different denotations of thickness.</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/ridge.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/ridge.jpg" alt="" title="ridge" width="632" height="368" class="aligncenter size-full wp-image-3065" /></a><br />
</p>
<div style="font-size:1.5em;">It is allowed to use one, two, three or four values, dividing them between each other by a blank. An effect depends on the amount of arguments and indicated in the table 2.</div>
<p>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br />
<html><br />
 <head><br />
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></p>
<style type="text/css">
    table {
     width: 600px; /* Ширина таблицы */ 
     border-collapse: collapse; /* Убираем двойную рамку между ячейками */ 
    }
    td {
     border: 1px solid black; /* Параметры границы */ 
     padding: 5px; /* Поля в ячейке */ 
    }
    caption { 
     caption-side: Top; /* Заголовок под таблицей */ 
    }
   </style>
<p>  </head><br />
  <body></p>
<table>
<caption><font size="2">Tab.2. Color changing depending on arguments' amount</font></caption>
<tr>
<td><font size="2">Argument amount</font></td>
<td><font size="2">Result</font></td>
</tr>
<tr>
<td><font size="2">1</font></td>
<td><font size="2">Frame color will be set for all element's sides</font></td>
</tr>
<tr>
<td><font size="2">2 </font></td>
<td><font size="2">The first argument sets the color of top and bottom sides and the second one for left and right sides</font></td>
</tr>
<tr>
<td><font size="2">3</font></td>
<td><font size="2">The first argument defined the color of the top side, the second one - left and right sides at the same time, the third one - for the bottom side</font></td>
</tr>
<tr>
<td><font size="2">4 </font></td>
<td><font size="2">The color of top, bottom, right and left sides is set in turn</font></td>
</tr>
</table>
<p> </body><br />
</html><br />
</p>
<div style="font-size:1.5em;"><strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>border-style&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   P <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">border-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">double</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Style of lines around the paragraph */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span> 
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;p<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.&lt;/p<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span> 
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/border-style.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/border-style.jpg" alt="" title="border-style" width="565" height="342" class="aligncenter size-full wp-image-3069" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.borderStyle</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/border-style.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>border-spacing</title>
		<link>http://phpforms.net/tutorial/css-reference/border-spacing.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/border-spacing.html#comments</comments>
		<pubDate>Fri, 09 Apr 2010 09:36:06 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3055</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
No
No
No
?
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS2


Default value 
0


Inherited
Yes


Applied
To tables 


HTML analog
&#60;table cellspacing="..."&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing



Description
With the help of this parameter you can specify any distance between cells borders in a table. But it will not work if you do not determine the parameter border-collapse that has a value collapse.
Syntax

border-spacing: value &#91;value&#93;

Arguments
If there is only one value, it determines [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">No</span></td>
<td class="yes"><span style="font-size: x-small;">No</span></td>
<td class="yes"><span style="font-size: x-small;">No</span></td>
<td class="yes rdline"><span style="font-size: x-small;">?</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS2</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">0</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">Yes</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To tables </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">&lt;table cellspacing="..."&gt;</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing">http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
With the help of this parameter you can specify any distance between cells borders in a table. But it will not work if you do not determine the parameter border-collapse that has a value collapse.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">border-spacing</span><span style="color: #00AA00;">:</span> value <span style="color: #00AA00;">&#91;</span>value<span style="color: #00AA00;">&#93;</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
If there is only one value, it determines distance concurrently vertically and horizontally. But if there are two arguments, in that case their duties are divided, so the first determines horizontal distance and the second does vertical one.</p>
<p><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   table <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">4px</span> <span style="color: #993333;">double</span> <span style="color: #cc00cc;">#333</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame around the table */</span> 
    <span style="color: #000000; font-weight: bold;">border-collapse</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">separate</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Way of border imaging */</span> 
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">100</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Table width */</span> 
    <span style="color: #000000; font-weight: bold;">border-spacing</span><span style="color: #00AA00;">:</span> <span style="color: #933;">7px</span> <span style="color: #933;">11px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Distance between cells */</span> 
   <span style="color: #00AA00;">&#125;</span>
   td <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas aruond the text */</span> 
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#a52a2a</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Border around cells */</span> 
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&lt;table<span style="color: #00AA00;">&gt;</span>
&lt;tbody<span style="color: #00AA00;">&gt;</span>
&lt;tr<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">1</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">2</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;/tr<span style="color: #00AA00;">&gt;</span>
&lt;tr<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">3</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">4</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
&lt;/tr<span style="color: #00AA00;">&gt;</span>
&lt;/tbody<span style="color: #00AA00;">&gt;</span>
&lt;/table<span style="color: #00AA00;">&gt;</span></pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 1</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/border-spacing.jpg"><img class="aligncenter size-full wp-image-3059" title="border-spacing" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/border-spacing.jpg" alt="" width="565" height="342" /></a></p>
<div style="font-size: 1.5em;"><strong>Remark</strong><br />
If the parameter "cellspacing" is added to the tag &lt;Table&gt; it will not be taken into account by using the style attribute "border-spacing" and the "cellspacing" value is ignored. The exception of this rule is the browser Internet Explorer which doesn't understand the property "border-spacing"</div>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/border-spacing.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>border-right-width</title>
		<link>http://phpforms.net/tutorial/css-reference/border-right-width.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/border-right-width.html#comments</comments>
		<pubDate>Fri, 09 Apr 2010 09:13:04 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3050</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
medium


Inherited
No


Applied
To all elements 


HTML analog
&#60;img border &#62; &#124; &#60;table border&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#border-width-properties




Description
 With the help of this parameter you can install border thickness on the right of an element.

Syntax


border-right-width: thin &#124; medium &#124; thick &#124; denotation


Arguments
Thickness at the bottom of a page is specified by 3 variables. They are thin [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">medium</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;img border &gt; | &lt;table border&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/box.html#border-width-properties">http://www.w3.org/TR/CSS21/box.html#border-width-properties</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
 With the help of this parameter you can install border thickness on the right of an element.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">border-right-width</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">thin</span> | <span style="color: #993333;">medium</span> | <span style="color: #993333;">thick</span> | denotation</pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
Thickness at the bottom of a page is specified by 3 variables. They are thin (2 pixels), medium (4 pixels) и thick (6 pixels). If you want to get more accurate value, you may specify thickness in pixels and other items.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>border-right-width&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   DIV<span style="color: #6666ff;">.line</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">border-right-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#c38e63</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Right line color */</span>
    <span style="color: #000000; font-weight: bold;">border-right-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">dashed</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line style */</span>
    <span style="color: #000000; font-weight: bold;">border-right-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line weight */</span>
    <span style="color: #000000; font-weight: bold;">border-left-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#c38e63</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Left line color */</span>
    <span style="color: #000000; font-weight: bold;">border-left-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">dashed</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line style */</span>
    <span style="color: #000000; font-weight: bold;">border-left-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line weight */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Distance between the line and the text */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;line&quot;</span><span style="color: #00AA00;">&gt;</span>
   Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed 
   diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam 
   erat volutpat. Ut wisis enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci 
   tution ullamcorper suscipit lobortis nisl ut aliquip ex ea 
   commodo consequat.
  &lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/right-width.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/right-width.jpg" alt="" title="right-width" width="565" height="342" class="aligncenter size-full wp-image-3052" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.borderRightWidth</pre></div></div>

<dd>
<dd><a class="menu_black" title="Email form generator" href="http://phpforms.net/tutorial/html-basics/email-form-generator.html">Email form generator</a></dd>
<dd><a class="menu_black" title="Form maker" href="http://phpforms.net/tutorial/html-basics/form-maker.html">Form maker</a></dd>
<dd><a class="menu_black" title="HTML forms" href="http://phpforms.net/tutorial/html-basics/html-forms.html">HTML forms</a></dd>
<dd><a class="menu_black" title="PHP form" href="http://phpforms.net/tutorial/html-basics/php-forms.html">PHP form</a></dd>
</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/border-right-width.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>border-right-style</title>
		<link>http://phpforms.net/tutorial/css-reference/border-right-style.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/border-right-style.html#comments</comments>
		<pubDate>Fri, 09 Apr 2010 08:58:09 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3043</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
No


Inherited
No


Applied
To all elements 


HTML analog
&#60;img border &#62; &#124; &#60;table border&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#border-style-properties




 Description
It determines a border style on the right of an element.

Syntax


border-right-style: style


 Arguments
For border type control you can choose following 8 denotations of parameter border-bottom-style



Example


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
&#60;!DOCTYPE HTML PUBLIC &#34;-//W3C//DTD HTML 4.01//EN&#34; &#34;http://www.w3.org/TR/html4/strict.dtd&#34;&#62;
&#60;html&#62;
 &#60;head&#62;
  &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=windows-1251&#34;&#62;
  [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;img border &gt; | &lt;table border&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/box.html#border-style-properties">http://www.w3.org/TR/CSS21/box.html#border-style-properties</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"> <strong>Description</strong><br />
It determines a border style on the right of an element.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">border-right-style</span><span style="color: #00AA00;">:</span> style</pre></div></div>

<p></p>
<div style="font-size:1.5em;"> <strong>Arguments</strong><br />
For border type control you can choose following 8 denotations of parameter border-bottom-style</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dotted6.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dotted6.jpg" alt="" title="dotted" width="471" height="70" class="aligncenter size-full wp-image-3046" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>border-right-style&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   DIV<span style="color: #6666ff;">.line</span> <span style="color: #00AA00;">&#123;</span>    <span style="color: #000000; font-weight: bold;">border-right-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ef40b0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Right line color */</span>
    <span style="color: #000000; font-weight: bold;">border-right-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">dotted</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line style */</span>
    <span style="color: #000000; font-weight: bold;">border-right-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line weight */</span>
    <span style="color: #000000; font-weight: bold;">border-left-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ef40b0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Left line color */</span>
    <span style="color: #000000; font-weight: bold;">border-left-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">dotted</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line style */</span>
    <span style="color: #000000; font-weight: bold;">border-left-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line weight */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Distance between the line and the text */</span>
    <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span> <span style="color: #933;">50px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Right and left indents */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;line&quot;</span><span style="color: #00AA00;">&gt;</span>   Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed 
   diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam 
   erat volutpat. Ut wisis enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci 
   tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo 
   consequat.
  &lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 2</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/right-style.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/right-style.jpg" alt="" title="right style" width="565" height="342" class="aligncenter size-full wp-image-3047" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.borderRightStyle</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/border-right-style.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>border-right-color</title>
		<link>http://phpforms.net/tutorial/css-reference/border-right-color.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/border-right-color.html#comments</comments>
		<pubDate>Fri, 09 Apr 2010 08:44:09 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3036</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS1


Default value 
Value of color fitted by parameter color


Inherited
No


Applied
To all elements 


HTML analog
&#60;img border &#62; &#124; &#60;table border&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#border-color-properties



Description
This parameter determines a border color on the right of an element.
Syntax

border-right-color: color

Arguments
You can specify a color by 3 means.
1. According to the name.
Browsers support some colors with the names.
2. Support with the [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS1</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">Value of color fitted by parameter <span class="value">color</span></span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all elements </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">&lt;img border &gt; | &lt;table border&gt;</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/box.html#border-color-properties">http://www.w3.org/TR/CSS21/box.html#border-color-properties</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
This parameter determines a border color on the right of an element.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">border-right-color</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">color</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
You can specify a color by 3 means.<br />
1. According to the name.<br />
Browsers support some colors with the names.<br />
2. Support with the hexadecimal denotation<br />
For colors specifying it is used the numbers in hexadecimal code. This system unlike decimal is based on number 16. It uses next symbols: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Here you can see that numbers from 10 to 16 are changed by Latin letters. In the decimal denotation the numbers after 15 are formed by combination of 2 numbers into 1. For example, number 255 appropriates number FF in hexadecimal denotation. For avoiding misunderstandings to define accounting system, there is the symbol # before hexadecimal denotation, for example #666999. Each of three colors — red, green and dark blue — can take on values from 00 to FF. Thus, denotation of color is broken up on three constituents  #rrggbb, where first 2 symbols mark red component of a color, 2 mediums do green and two last do – dark blue. It is assumed to use the brief form of kind #rgb, where every symbol is needed to double. So, it is necessary to consider record #fe0  as #ffee00.<br />
3. With the help of RGB<br />
It is possible to define a color using values of red, green and dark blue making in a decimal calculation. Value each of three colors can take on values from 0 to 255. It is also possible to set a color in a percentage ratio.</p>
<p><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   DIV<span style="color: #6666ff;">.line</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">border-right-color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">navy</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Right line color */</span>
    <span style="color: #000000; font-weight: bold;">border-right-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">dotted</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line style */</span>
    <span style="color: #000000; font-weight: bold;">border-right-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span><span style="color: #00AA00;">;</span>  <span style="color: #808080; font-style: italic;">/* Line weight */</span>
    <span style="color: #000000; font-weight: bold;">padding-right</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span>  <span style="color: #808080; font-style: italic;">/* Distance between the line and the text */</span>
    <span style="color: #000000; font-weight: bold;">margin-right</span><span style="color: #00AA00;">:</span> <span style="color: #933;">100px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Right indent */</span>
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;line&quot;</span><span style="color: #00AA00;">&gt;</span>
   Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem nonummy nibh
   euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim
   ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit lobortis nisl
   ut aliquip ex ea commodo consequat.&lt;/div<span style="color: #00AA00;">&gt;</span></pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 1</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/b-r-c.jpg"><img class="aligncenter size-full wp-image-3038" title="b-r-c" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/b-r-c.jpg" alt="" width="565" height="342" /></a></p>
<div style="font-size: 1.5em;"><strong>Object model</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.borderRightColor</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/border-right-color.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>border-right</title>
		<link>http://phpforms.net/tutorial/css-reference/border-right.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/border-right.html#comments</comments>
		<pubDate>Fri, 09 Apr 2010 08:32:35 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3029</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
Depends on using arguments 


Inherited
No


Applied
To all elements 


HTML analog
&#60;img border &#62; &#124; &#60;table border&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties




Description
With the help of this parameter you can install thickness, style and color of left border of an element. Values can be in any order and they are divided by a blank. A browser can [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">Depends on using arguments <span class="value"></span></font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;img border &gt; | &lt;table border&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties">http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
With the help of this parameter you can install thickness, style and color of left border of an element. Values can be in any order and they are divided by a blank. A browser can define which of them corresponds to the necessary attribute.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">border-right</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">border-width</span> || <span style="color: #000000; font-weight: bold;">border-style</span> || <span style="color: #000000; font-weight: bold;">color</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
There are 8 values of this parameter which command borders types. They are given below. </div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dotted5.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dotted5.jpg" alt="" title="dotted" width="471" height="70" class="aligncenter size-full wp-image-3031" /></a><br />
</p>
<div style="font-size:1.5em;">The first two ones (dotted and dashed) are supported by Internet Explorer, version 5.5.<br />
Argument color installs border color and the denotation may be in any valid format for CSS.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>border-right&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   DIV<span style="color: #6666ff;">.line</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">border-left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line left from the text */</span>
    <span style="color: #000000; font-weight: bold;">border-right</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line right from the text */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span>  <span style="color: #808080; font-style: italic;">/* Distance between the line and the text */</span>
    <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span> <span style="color: #933;"><span style="color: #cc66cc;">10</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Indents from the margins to the line */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;line&quot;</span><span style="color: #00AA00;">&gt;</span>
  Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem nonummy nibh 
  euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim 
  ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit lobortis nisl 
  ut aliquip ex ea commodo consequat.
  &lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 2</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/border-right.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/border-right.jpg" alt="" title="border-right" width="565" height="342" class="aligncenter size-full wp-image-3032" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.borderRight</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/border-right.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>border-left-width</title>
		<link>http://phpforms.net/tutorial/css-reference/border-left-width.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/border-left-width.html#comments</comments>
		<pubDate>Fri, 09 Apr 2010 08:16:15 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3024</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
medium


Inherited
No


Applied
To all elements 


HTML analog
&#60;img border &#62; &#124; &#60;table border&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#border-width-properties




Description
 With the help of this parameter you can determine border thickness on the left of an element.

Syntax


border-left-width: thin &#124; medium &#124; thick &#124; denotation


Arguments
Thickness at the bottom of a page is specified by 3 variables. They are thin [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">medium<span class="value"></span></font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;img border &gt; | &lt;table border&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/box.html#border-width-properties">http://www.w3.org/TR/CSS21/box.html#border-width-properties</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
 With the help of this parameter you can determine border thickness on the left of an element.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">border-left-width</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">thin</span> | <span style="color: #993333;">medium</span> | <span style="color: #993333;">thick</span> | denotation</pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
Thickness at the bottom of a page is specified by 3 variables. They are thin (2 pixels), medium (4 pixels) и thick (6 pixels). If you want to get more accurate value, you may specify thickness in pixels and other items.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>border-left-width&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   DIV<span style="color: #6666ff;">.line</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">border-left-color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Left line color */</span>
    <span style="color: #000000; font-weight: bold;">border-left-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">double</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line style */</span>
    <span style="color: #000000; font-weight: bold;">border-left-width</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">thick</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line weight */</span>
    <span style="color: #000000; font-weight: bold;">padding-left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Distance between the line and the text */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;line&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;h3<span style="color: #00AA00;">&gt;</span>Pay attention!&lt;/h3<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>We didn<span style="color: #ff0000;">'t take into account the possibility to blow up the whole city, that'</span>s why you must be careful while pouring the nuclear fuel from the bag. Put the paper on the floor to <span style="color: #993333;">avoid</span> making the room dirty.&lt;/p<span style="color: #00AA00;">&gt;</span>
  &lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/nuclear.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/nuclear.jpg" alt="" title="nuclear" width="565" height="342" class="aligncenter size-full wp-image-3026" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.borderLeftWidth</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/border-left-width.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>border-left-style</title>
		<link>http://phpforms.net/tutorial/css-reference/border-left-style.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/border-left-style.html#comments</comments>
		<pubDate>Fri, 09 Apr 2010 07:58:50 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3015</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
No 


Inherited
No


Applied
To all elements 


HTML analog
&#60;img border &#62; &#124; &#60;table border&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#border-style-properties




 Description
It determines a border style on the left of an element.

Syntax


border-left-style: style


 Arguments
For border type control you can choose following 8 denotations of the parameter border-bottom-style



Example


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
&#60;!DOCTYPE HTML PUBLIC &#34;-//W3C//DTD HTML 4.01//EN&#34; &#34;http://www.w3.org/TR/html4/strict.dtd&#34;&#62;
&#60;html&#62;
 &#60;head&#62;
  &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">No <span class="value"></span></font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;img border &gt; | &lt;table border&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/box.html#border-style-properties">http://www.w3.org/TR/CSS21/box.html#border-style-properties</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"> <strong>Description</strong><br />
It determines a border style on the left of an element.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">border-left-style</span><span style="color: #00AA00;">:</span> style</pre></div></div>

<p></p>
<div style="font-size:1.5em;"> <strong>Arguments</strong><br />
For border type control you can choose following 8 denotations of the parameter border-bottom-style</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dotted4.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dotted4.jpg" alt="" title="dotted" width="471" height="70" class="aligncenter size-full wp-image-3019" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>border-left-style&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   DIV<span style="color: #6666ff;">.line</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">border-left-color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Left line color */</span>
    <span style="color: #000000; font-weight: bold;">border-left-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">double</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line style */</span>
    <span style="color: #000000; font-weight: bold;">border-left-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">7px</span><span style="color: #00AA00;">;</span>  <span style="color: #808080; font-style: italic;">/* Line weight */</span>
    <span style="color: #000000; font-weight: bold;">padding-left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span>  <span style="color: #808080; font-style: italic;">/* Distance between the line and the text */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;line&quot;</span><span style="color: #00AA00;">&gt;</span>
  Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem nonummy nibh 
  euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim 
  ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit lobortis nisl 
  ut aliquip ex ea commodo consequat.
  &lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<pre>
</p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 2</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/bls.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/bls.jpg" alt="" title="bls" width="565" height="342" class="aligncenter size-full wp-image-3021" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.borderLeftStyle</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/border-left-style.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>border-left-color</title>
		<link>http://phpforms.net/tutorial/css-reference/border-left-color.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/border-left-color.html#comments</comments>
		<pubDate>Fri, 09 Apr 2010 07:36:26 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3009</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
Value of color fitted by parameter color


Inherited
No


Applied
To all elements 


HTML analog
&#60;img border &#62; &#124; &#60;table border&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#border-color-properties




Description
This parameter determines a border color on the left of an element.

Syntax


border-left-color: color


Arguments
You can specify a color by 3 means.
1. According to the name.
 Browsers support some colors with the names.
2. Support with [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">Value of color fitted by parameter <span class="value">color</span></font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;img border &gt; | &lt;table border&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/box.html#border-color-properties">http://www.w3.org/TR/CSS21/box.html#border-color-properties</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
This parameter determines a border color on the left of an element.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">border-left-color</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">color</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
You can specify a color by 3 means.<br />
1. According to the name.<br />
 Browsers support some colors with the names.<br />
2. Support with the hexadecimal denotation<br />
For colors specifying it is used the numbers in hexadecimal code. This system unlike decimal is based on number 16. It uses next symbols: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Here you can see that numbers from 10 to 16 are changed by Latin letters. In the decimal denotation the numbers after 15 are formed by combination of 2 numbers into 1. For example, number 255 appropriates number FF in hexadecimal denotation. For avoiding misunderstandings to define accounting system, there is the symbol # before hexadecimal denotation, for example #666999. Each of three colors — red, green and dark blue — can take on values from 00 to FF. Thus, denotation of color is broken up on three constituents  #rrggbb, where first 2 symbols mark red component of a color, 2 mediums do green and two last - dark blue. It is assumed to use the brief form of kind #rgb, where every symbol is needed to double. So, it is necessary to consider record #fe0  as #ffee00.<br />
3. With the help of RGB<br />
It is possible to define a color using values of red, green and dark blue making in a decimal calculation. Value each of three colors can take on values from 0 to 255. It is also possible to set a color in a percentage ratio.<br />
<br />
<strong>Example</strong>
</div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>border-left-color&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   DIV<span style="color: #6666ff;">.line</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">border-left-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fc0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Left line color */</span>
    <span style="color: #000000; font-weight: bold;">border-left-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">solid</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line style */</span>
    <span style="color: #000000; font-weight: bold;">border-left-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line weight */</span>
    <span style="color: #000000; font-weight: bold;">padding-left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Distance between the line and the text */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;line&quot;</span><span style="color: #00AA00;">&gt;</span>
   Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> 
   sed diem nonummy nibh euismod tincidunt ut lacreet dolore 
   magna aliguam erat volutpat. Ut wisis enim ad minim veniam<span style="color: #00AA00;">,</span> 
   quis nostrud exerci tution ullamcorper suscipit lobortis nisl 
   ut aliquip ex ea commodo consequat.
  &lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/b-l-c.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/b-l-c.jpg" alt="" title="b-l-c" width="565" height="342" class="aligncenter size-full wp-image-3011" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.borderLeftColor</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/border-left-color.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>border-left</title>
		<link>http://phpforms.net/tutorial/css-reference/border-left.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/border-left.html#comments</comments>
		<pubDate>Fri, 09 Apr 2010 07:24:20 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=3001</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
Depends on arguments usedcolor


Inherited
No


Applied
To all elements 


HTML analog
&#60;img border &#62; &#124; &#60;table border&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties




Description
With the help of this parameter you can determine thickness, style and color of left border of an element. Values can be in any order and they are divided by a blank. A browser can define [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">Depends on arguments used<span class="value">color</span></font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;img border &gt; | &lt;table border&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties">http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
With the help of this parameter you can determine thickness, style and color of left border of an element. Values can be in any order and they are divided by a blank. A browser can define which of them corresponds to the necessary attribute.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">border-left</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">border-width</span> || <span style="color: #000000; font-weight: bold;">border-style</span> || <span style="color: #000000; font-weight: bold;">color</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
There are 8 values of this parameter which command borders types. They are given below. </div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dotted3.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dotted3.jpg" alt="" title="dotted" width="471" height="70" class="aligncenter size-full wp-image-3003" /></a><br />
</p>
<div style="font-size:1.5em;">The first two ones (dotted and dashed) are supported by Internet Explorer, version 5.5.<br />
Argument color determines a border color and the denotation may be in any valid format for CSS.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>border-left&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   DIV<span style="color: #6666ff;">.line</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">border-left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span> <span style="color: #993333;">dotted</span> <span style="color: #993333;">green</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Line left from the text */</span>
    <span style="color: #000000; font-weight: bold;">padding-left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Distance between the line and the text */</span>
    <span style="color: #000000; font-weight: bold;">margin-left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Distance from the left margin to the line */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;line&quot;</span><span style="color: #00AA00;">&gt;</span>
   Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem 
   nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat 
   volutpat. Ut wisis enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution 
   ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
  &lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

</pre>
<div style="font-size:1.5em;">The result of this example is shown on the figure 2</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/bord-l.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/bord-l.jpg" alt="" title="bord-l" width="565" height="342" class="aligncenter size-full wp-image-3006" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.borderLeft</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/border-left.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>border-color</title>
		<link>http://phpforms.net/tutorial/css-reference/border-color.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/border-color.html#comments</comments>
		<pubDate>Fri, 09 Apr 2010 06:09:04 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=2987</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
Value of color fitted by parameter color


Inherited
No


Applied
To all elements 


HTML analog
&#60;img border &#62; &#124; &#60;table border&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#propdef-border-color




Description
Sets the border color at different element's sides. Parameter allows to fit the border color at the same time in all element's sides or to define the border color only in specified sides.

Syntax


border-color: [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">Value of color fitted by parameter <span class="value">color</span></font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;img border &gt; | &lt;table border&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color">http://www.w3.org/TR/CSS21/box.html#propdef-border-color</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
Sets the border color at different element's sides. Parameter allows to fit the border color at the same time in all element's sides or to define the border color only in specified sides.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">border-color</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">color</span> <span style="color: #00AA00;">&#123;</span><span style="color: #cc66cc;">1</span><span style="color: #00AA00;">,</span><span style="color: #cc66cc;">4</span><span style="color: #00AA00;">&#125;</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
You can use only one, two, three or four parameters dividing them by the spacing. Result depends on element's amount and is shown in the table 1.</div>
<p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br />
<html><br />
 <head><br />
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></p>
<style type="text/css">
    table {
     width: 600px; /* Ширина таблицы */ 
     border-collapse: collapse; /* Убираем двойную рамку между ячейками */ 
    }
    td {
     border: 1px solid black; /* Параметры границы */ 
     padding: 5px; /* Поля в ячейке */ 
    }
    caption { 
     caption-side: Top; /* Заголовок под таблицей */ 
    }
   </style>
<p>  </head><br />
  <body></p>
<table>
<caption><font size="2">Tab.1. Color changing depending on arguments' amount</font></caption>
<tr>
<td><font size="2">Argument amount</font></td>
<td><font size="2">Result</font></td>
</tr>
<tr>
<td><font size="2">1</font></td>
<td><font size="2">Frame color will be set for all element's sides</font></td>
</tr>
<tr>
<td><font size="2">2 </font></td>
<td><font size="2">The first argument sets the color of top and bottom sides and the second one for left and right sides</font></td>
</tr>
<tr>
<td><font size="2">3</font></td>
<td><font size="2">The first argument defined the color of the top side, the second one - left and right sides at the same time, the third one - for the bottom side</font></td>
</tr>
<tr>
<td><font size="2">4 </font></td>
<td><font size="2">The color of top, bottom, right and left sides is set in turn</font></td>
</tr>
</table>
<p> </body><br />
</html><br />
</p>
<div style="font-size:1.5em;"><strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>border-color&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   H1 <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">border-color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">red</span> <span style="color: #993333;">white</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Border color */</span> 
    <span style="color: #000000; font-weight: bold;">border-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">solid</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Border style */</span>  
   <span style="color: #00AA00;">&#125;</span>
   P <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">border-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#008a77</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Border color */</span>
    <span style="color: #000000; font-weight: bold;">border-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">solid</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Border style */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Areas around the text */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;h1<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet&lt;/h1<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.&lt;/p<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dolor.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dolor.jpg" alt="" title="dolor" width="521" height="339" class="aligncenter size-full wp-image-2999" /></a></p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span>style.borderColor</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/border-color.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>border-collapse</title>
		<link>http://phpforms.net/tutorial/css-reference/border-collapse.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/border-collapse.html#comments</comments>
		<pubDate>Fri, 09 Apr 2010 05:59:10 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=2968</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short informatiom



CSS
CSS1


Default value 
separatecolor


Inherited
No


Applied
To the tag &#60;Table &#62; or to elements having the quality "display" with value "table" or "inline-table"


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse




Description
This parameter determines how to display borders round table elements. It is used when there is an installed border for cells, then the line of double thickness will turn out in [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short informatiom</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">separate<span class="value">color</span></font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To the tag &lt;Table &gt; or to elements having the quality "display" with value "table" or "inline-table"</font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse">http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
This parameter determines how to display borders round table elements. It is used when there is an installed border for cells, then the line of double thickness will turn out in the place of cells joint (fig. 1 a). Addition of value collapse forces a browser to analyse similar places in a table and take away double lines in it (fig. 1b). The same rule is used for outside borders  belonging to both cells simultaneously.<br />
<br />
Fig.1 Table's view with using the attribute "border-collapse"</div>
<pre>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/ab.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/ab.jpg" alt="" title="ab" width="632" height="296" class="aligncenter size-full wp-image-2974" /></a><br />
</p>
<div style="font-size:2em;"><strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">border-collapse</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">collapse</span> | <span style="color: #993333;">separate</span></pre></div></div>

<p></p>
<div style="font-size:2em;"><strong>Arguments</strong><br />
collapse<br />
 There is only one line that is displayed between cells.<br />
separate<br />
There is the border displayed around every cell. In the place where cells contacts, there are two lines at once.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>border-collapse&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   TABLE <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">300px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Table width */</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">4px</span> <span style="color: #993333;">double</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame around the table */</span>
    <span style="color: #000000; font-weight: bold;">border-collapse</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">collapse</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Image only  unary lines*/</span>
   <span style="color: #00AA00;">&#125;</span>
   TH <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Left alignment */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ccc</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Cells' background color */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Fields around cells' content */</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Border around cells */</span>
   <span style="color: #00AA00;">&#125;</span>
   TD <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Fields around cells' content */</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Border around cells */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span> 
&nbsp;
  &lt;table cellspacing<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;0&quot;</span><span style="color: #00AA00;">&gt;</span>
   &lt;tr<span style="color: #00AA00;">&gt;</span> 
    &lt;th<span style="color: #00AA00;">&gt;</span>&amp;nbsp<span style="color: #00AA00;">;</span>&lt;/th<span style="color: #00AA00;">&gt;</span>&lt;th<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">2003</span>&lt;/th<span style="color: #00AA00;">&gt;</span>
    &lt;th<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">2004</span>&lt;/th<span style="color: #00AA00;">&gt;</span>&lt;th<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">2005</span>&lt;/th<span style="color: #00AA00;">&gt;</span>
   &lt;/tr<span style="color: #00AA00;">&gt;</span>
   &lt;tr<span style="color: #00AA00;">&gt;</span> 
    &lt;td<span style="color: #00AA00;">&gt;</span>Oil&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">43</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
    &lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">51</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">79</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
   &lt;/tr<span style="color: #00AA00;">&gt;</span>
   &lt;tr<span style="color: #00AA00;">&gt;</span> 
    &lt;td<span style="color: #00AA00;">&gt;</span>Gold&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">29</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
    &lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">34</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">48</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
   &lt;/tr<span style="color: #00AA00;">&gt;</span>
   &lt;tr<span style="color: #00AA00;">&gt;</span> 
    &lt;td<span style="color: #00AA00;">&gt;</span>Wood&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">38</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
    &lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">57</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span><span style="color: #cc66cc;">36</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
   &lt;/tr<span style="color: #00AA00;">&gt;</span>
  &lt;/table<span style="color: #00AA00;">&gt;</span> 
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 2</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/Oil.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/Oil.jpg" alt="" title="Oil" width="521" height="328" class="aligncenter size-full wp-image-2994" /></a>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/border-collapse.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>border-bottom-width</title>
		<link>http://phpforms.net/tutorial/css-reference/border-bottom-width.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/border-bottom-width.html#comments</comments>
		<pubDate>Fri, 09 Apr 2010 05:30:47 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=2963</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short informatiom



CSS
CSS1


Default value 
medium color


Inherited
No


Applied
To all elements 


HTML analog
&#60;img border &#62; &#124; &#60;table border&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#border-width-properties




Description
It determines thickness at the bottom of an element.

Syntax


border-bottom-width: thin &#124; medium &#124; thick &#124; value

Arguments
Thickness at the bottom of a page is specified by 3 variables. They are thin (2 pixels), medium (4 pixels) и thick (6 [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short informatiom</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">medium <span class="value">color</span></font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;img border &gt; | &lt;table border&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/box.html#border-width-properties">http://www.w3.org/TR/CSS21/box.html#border-width-properties</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It determines thickness at the bottom of an element.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">border-bottom-width</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">thin</span> | <span style="color: #993333;">medium</span> | <span style="color: #993333;">thick</span> | value</pre></div></div>

<div style="font-size:1.5em;"><strong>Arguments</strong><br />
Thickness at the bottom of a page is specified by 3 variables. They are thin (2 pixels), medium (4 pixels) и thick (6 pixels). If you want to get more accurate value, you may specify thickness in pixels and other items.<br />
<br />
<strong>Example</strong>
</div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>border-bottom-style&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   H1 <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">border-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ccc</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Border color */</span>
    <span style="color: #000000; font-weight: bold;">border-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">double</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Border style */</span>
    <span style="color: #000000; font-weight: bold;">border-bottom-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Lineweight under the text */</span>
    <span style="color: #000000; font-weight: bold;">border-right-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Lineweight right from the text */</span>
    <span style="color: #000000; font-weight: bold;">padding-left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Left text indent */</span> 
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;h1<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet&lt;/h1<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.&lt;/p<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/Lorem-ipsum1.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/Lorem-ipsum1.jpg" alt="" title="Lorem ipsum" width="518" height="309" class="aligncenter size-full wp-image-2996" /></a></p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.borderBottomWidth</pre></div></div>

<dd>
<dd><a class="menu_black" title="Email form generator" href="http://phpforms.net/tutorial/html-basics/email-form-generator.html">Email form generator</a></dd>
<dd><a class="menu_black" title="Form maker" href="http://phpforms.net/tutorial/html-basics/form-maker.html">Form maker</a></dd>
<dd><a class="menu_black" title="HTML forms" href="http://phpforms.net/tutorial/html-basics/html-forms.html">HTML forms</a></dd>
<dd><a class="menu_black" title="PHP form" href="http://phpforms.net/tutorial/html-basics/php-forms.html">PHP form</a></dd>
</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/border-bottom-width.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>border-bottom-style</title>
		<link>http://phpforms.net/tutorial/css-reference/border-bottom-style.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/border-bottom-style.html#comments</comments>
		<pubDate>Fri, 09 Apr 2010 05:16:20 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=2956</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short informatiom



CSS
CSS1


Default value 
No color


Inherited
No


Applied
To all elements 


HTML analog
&#60;img border &#62; &#124; &#60;table border&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#border-color-properties




Description
It determines a border style at the bottom of an element.

Syntax

border-bottom-style: style

Arguments
For border type control you can choose following 8 values of parameter border-bottom-style



Example


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
&#60;!DOCTYPE HTML PUBLIC &#34;-//W3C//DTD HTML 4.01//EN&#34; &#34;http://www.w3.org/TR/html4/strict.dtd&#34;&#62;
&#60;html&#62;
 &#60;head&#62;
  &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=windows-1251&#34;&#62;
  &#60;title&#62;border-bottom-style&#60;/title&#62;
 [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short informatiom</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">No <span class="value">color</span></font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;img border &gt; | &lt;table border&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/box.html#border-Style-properties">http://www.w3.org/TR/CSS21/box.html#border-color-properties</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It determines a border style at the bottom of an element.<br />
<br />
<strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">border-bottom-style</span><span style="color: #00AA00;">:</span> style</pre></div></div>

<div style="font-size:1.5em;"><strong>Arguments</strong><br />
For border type control you can choose following 8 values of parameter border-bottom-style</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dotted11.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dotted11.jpg" alt="" title="dotted" width="471" height="70" class="aligncenter size-full wp-image-3559" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>border-bottom-style&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   DIV<span style="color: #cc00cc;">#panel</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ccc</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
   <span style="color: #00AA00;">&#125;</span> 
   <span style="color: #cc00cc;">#panel</span> P <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Add fields */</span>
    <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Remove indents of paragraph */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #cc00cc;">#panel</span> P<span style="color: #cc00cc;">#title</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">navy</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">white</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text color */</span>
    <span style="color: #000000; font-weight: bold;">border-bottom-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Bottom lineweight */</span>
    <span style="color: #000000; font-weight: bold;">border-bottom-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">solid</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Bottom line style */</span>
    <span style="color: #000000; font-weight: bold;">border-bottom-color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">white</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Bottom line color */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;panel&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;p id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;title&quot;</span><span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet&lt;/p<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.&lt;/p<span style="color: #00AA00;">&gt;</span>
  &lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of using this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/border-bottom-style.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/border-bottom-style.jpg" alt="" title="border-bottom-style" width="361" height="354" class="aligncenter size-full wp-image-3560" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.borderBottomStyle</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/border-bottom-style.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>border-bottom-color</title>
		<link>http://phpforms.net/tutorial/css-reference/border-bottom-color.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/border-bottom-color.html#comments</comments>
		<pubDate>Fri, 09 Apr 2010 04:55:44 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=2931</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
Value of color fitted by parameter color


Inherited
No


Applied
To all elements 


HTML analog
&#60;img border &#62; &#124; &#60;table border&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#border-color-properties




Description
This parameter determines a border color at the bottom of an element.

Syntax


border-bottom-color: color


Arguments
You can specify a color by 3 means.
1. According to the name.
 Browsers support some colors with the names.
2. Support with [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">Value of color fitted by parameter <span class="value">color</span></font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;img border &gt; | &lt;table border&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/box.html#border-color-properties">http://www.w3.org/TR/CSS21/box.html#border-color-properties</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
This parameter determines a border color at the bottom of an element.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">border-bottom-color</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">color</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
You can specify a color by 3 means.<br />
1. According to the name.<br />
 Browsers support some colors with the names.<br />
2. Support with the hexadecimal denotation<br />
For colors specifying it is used the numbers in hexadecimal code. This system unlike decimal is based on number 16. It uses next symbols: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Here you can see that numbers from 10 to 16 are changed by Latin letters. In the decimal denotation the numbers after 15 are formed by combination of 2 numbers into 1. For example, number 255 appropriates number FF in hexadecimal denotation. For avoiding misunderstandings to define accounting system, there is the symbol # before hexadecimal denotation, for example #666999. Each of three colors — red, green and dark blue — can take on values from 00 to FF. Thus, denotation of color is broken up on three constituents  #rrggbb, where first 2 symbols mark red component of a color, 2 mediums do green and two last do – dark blue. It is assumed to use the brief form of kind #rgb, where every symbol is needed to double. So, it is necessary to consider record #fe0  as #ffee00.<br />
3. With the help of RGB<br />
It is possible to define a color using values of red, green and dark blue making in a decimal calculation. Value each of three colors can take on values from 0 to 255. It is also possible to set a color in a percentage ratio.<br />
<br />
<strong>Example</strong>
</div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>border-bottom-color&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   DIV<span style="color: #cc00cc;">#panel</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ccc</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
   <span style="color: #00AA00;">&#125;</span> 
   <span style="color: #cc00cc;">#panel</span> P <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Add fields */</span>
    <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Remove indents of paragraph */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #cc00cc;">#panel</span> P<span style="color: #cc00cc;">#title</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">navy</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">white</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text color */</span>
    <span style="color: #000000; font-weight: bold;">border-bottom-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Bottom lineweight */</span>
    <span style="color: #000000; font-weight: bold;">border-bottom-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">solid</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Bottom line style */</span>
    <span style="color: #000000; font-weight: bold;">border-bottom-color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">white</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Bottom line color */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;panel&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;p id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;title&quot;</span><span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet&lt;/p<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> 
     sed diem nonummy nibh euismod tincidunt ut lacreet dolore 
     magna aliguam erat volutpat.&lt;/p<span style="color: #00AA00;">&gt;</span>
  &lt;/div<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/border-bottom-color.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/border-bottom-color.jpg" alt="" title="border-bottom-color" width="361" height="354" class="aligncenter size-full wp-image-3555" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.borderBottomColor</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/border-bottom-color.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>border-bottom</title>
		<link>http://phpforms.net/tutorial/css-reference/border-bottom.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/border-bottom.html#comments</comments>
		<pubDate>Thu, 08 Apr 2010 11:46:06 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=2919</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS1


Default value 
Depends on arguments used


Inherited
No


Applied
To all elements 


HTML analog
&#60;img border &#62; &#124; &#60;table border&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties



Description
With the help of this parameter it is possible to install values, such as thickness, a style and border color at the bottom of an element. It is delimited by space in any order, browser will [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS1</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">Depends on arguments used</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all elements </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">&lt;img border &gt; | &lt;table border&gt;</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties">http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
With the help of this parameter it is possible to install values, such as thickness, a style and border color at the bottom of an element. It is delimited by space in any order, browser will define which of them matches to the needed attribute.</p>
<p><strong>Syntax</strong></p>
</div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">border-bottom</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">border-width</span> || <span style="color: #000000; font-weight: bold;">border-style</span> || <span style="color: #000000; font-weight: bold;">color</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
Border-width determines border thickness. For border type control you can choose following 8 valuess of parameter border-style</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dotted10.jpg"><img class="aligncenter size-full wp-image-3551" title="dotted" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dotted10.jpg" alt="" width="471" height="70" /></a></p>
<div style="font-size: 1.5em;">Two first styles: dotted and dashed  are supported by the browser Internet Explorer, version 5.5<br />
Argument color determines border color. The value may be in any valid CSS format.</p>
<p><strong>Example</strong></p>
</div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&lt;!--
   <span style="color: #6666ff;">.panel</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ccc</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #6666ff;">.panel</span> P<span style="color: #6666ff;">.content</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Add fields */</span>
    <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Remove indents of paragraph */</span>
    <span style="color: #000000; font-weight: bold;">border-top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span> <span style="color: #993333;">dotted</span> <span style="color: #993333;">white</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Parameters of the top line */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #6666ff;">.panel</span> P<span style="color: #6666ff;">.title</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">sans-serif</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Sans-serif type */</span>
    <span style="color: #000000; font-weight: bold;">font-weight</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">bold</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Extra bold */</span>
    <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">90</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Font size */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Add fields */</span>
    <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Remove indents of paragraph */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">maroon</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">white</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text color */</span>
    <span style="color: #000000; font-weight: bold;">border-bottom</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span> <span style="color: #993333;">solid</span> <span style="color: #993333;">white</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Parameters of the bottom line */</span>
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;panel&quot;</span><span style="color: #00AA00;">&gt;</span>
&nbsp;
Lorem ipsum dolor sit amet
&nbsp;
Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span>
     sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna
     aliguam erat volutpat.&lt;/div<span style="color: #00AA00;">&gt;</span></pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 2.</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/bor-bot.jpg"><img class="aligncenter size-full wp-image-3552" title="bor-bot" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/bor-bot.jpg" alt="" width="359" height="356" /></a></p>
<div style="font-size: 1.5em;"><strong>Object model</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.borderBottom</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/border-bottom.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>border</title>
		<link>http://phpforms.net/tutorial/css-reference/border.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/border.html#comments</comments>
		<pubDate>Thu, 08 Apr 2010 11:24:00 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=2910</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
Depends on arguments used


Inherited
No


Applied
To all elements 


HTML analog
&#60;img border &#62; &#124; &#60;table border&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/box.html#propdef-border




Description
With the help of this parameter it is possible to determine values, such as thickness, a style and border color around an element. It is delimited by space in any order. A browser will define which [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">Depends on arguments used</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;img border &gt; | &lt;table border&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/box.html#propdef-border">http://www.w3.org/TR/CSS21/box.html#propdef-border</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
With the help of this parameter it is possible to determine values, such as thickness, a style and border color around an element. It is delimited by space in any order. A browser will define which of them matches to the needed attribute. If you need to determine a border only on certain sides of an element, you should use following parameters: border-top, border-bottom, border-left, border-right.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">border-width</span> || <span style="color: #000000; font-weight: bold;">border-style</span> || <span style="color: #000000; font-weight: bold;">color</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
Border-width determines border thickness. For border type control you can choose following 8 values of parameter border-style</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dotted9.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/dotted9.jpg" alt="" title="dotted" width="471" height="70" class="aligncenter size-full wp-image-3544" /></a><br />
</p>
<div style="font-size:1.5em;">Argument color determines border color. Value may be in any valid CSS format.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>border&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   DIV<span style="color: #6666ff;">.brd</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">4px</span> <span style="color: #993333;">double</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Border parameters */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fc3</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Fields around the text */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;brd&quot;</span><span style="color: #00AA00;">&gt;</span>
    Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem nonummy 
    nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis 
    enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci tution ullamcorper suscipit lobortis 
    nisl ut aliquip ex ea commodo consequat.
   &lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">Result of this example is shown on the figure 2</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/border111.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/border111.jpg" alt="" title="border11" width="385" height="366" class="aligncenter size-full wp-image-3546" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.<span style="color: #000000; font-weight: bold;">border</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Remark</strong><br />
The values "dotted" and "dashed" are supported by the broser Internet Explorer only beginning from the version 5.5</div>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/border.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>before</title>
		<link>http://phpforms.net/tutorial/css-reference/before.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/before.html#comments</comments>
		<pubDate>Thu, 08 Apr 2010 10:55:20 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=2904</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
No
No
No
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS2


Default value 
No


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/selector.html#before-and-after




Description
Pseudo element before works in conjunction with the attribute content and it is used for wanting content display.
There 3 following features of this parameter.
1.	When you add before to the block element, there are following destinations of display features:  block, inline, none, marker. Otherwise [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">No</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS2</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/selector.html#before-and-after">http://www.w3.org/TR/CSS21/selector.html#before-and-after</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
Pseudo element before works in conjunction with the attribute content and it is used for wanting content display.<br />
There 3 following features of this parameter.<br />
1.	When you add before to the block element, there are following destinations of display features:  block, inline, none, marker. Otherwise all the destinations will be «block»<br />
2.	When you add before to the integral element, in that case destination display will be restricted by arguments inline and none. Otherwise all the arguments will be inline.<br />
3.	When before is added to the element, it inherits his features.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">Element<span style="color: #3333ff;">:before </span><span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">:</span> <span style="color: #ff0000;">&quot;text&quot;</span> <span style="color: #00AA00;">&#125;</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
No<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>before&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   li<span style="color: #3333ff;">:before </span><span style="color: #00AA00;">&#123;</span>
     <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">:</span> <span style="color: #ff0000;">&quot;¶ &quot;</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Add the symbol you want before the list's element */</span> 
   <span style="color: #00AA00;">&#125;</span>
   li <span style="color: #00AA00;">&#123;</span>
     <span style="color: #000000; font-weight: bold;">list-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Remove primary markers */</span> 
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
   &lt;ul<span style="color: #00AA00;">&gt;</span>
     &lt;li<span style="color: #00AA00;">&gt;</span>Alfa&lt;/li<span style="color: #00AA00;">&gt;</span>
     &lt;li<span style="color: #00AA00;">&gt;</span>Beta&lt;/li<span style="color: #00AA00;">&gt;</span>
     &lt;li<span style="color: #00AA00;">&gt;</span>Gamma&lt;/li<span style="color: #00AA00;">&gt;</span>
   &lt;/ul<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/before1.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/before1.jpg" alt="" title="before1" width="342" height="296" class="aligncenter size-full wp-image-3538" /></a>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/before.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>background-repeat</title>
		<link>http://phpforms.net/tutorial/css-reference/background-repeat.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/background-repeat.html#comments</comments>
		<pubDate>Thu, 08 Apr 2010 10:39:17 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=2899</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS1


Default value 
repeat


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat



Description
This parameter determines replications of a background image that was installed with the help of background-image and on which axis. You can determine image replication only horizontally, vertically or both.
Syntax

background-repeat: no-repeat &#124; repeat &#124; repeat-x &#124; repeat-y

Arguments
no-repeat
Install only one background image in the element [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS1</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">repeat</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all elements </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat">http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
This parameter determines replications of a background image that was installed with the help of background-image and on which axis. You can determine image replication only horizontally, vertically or both.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">background-repeat</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">no-repeat</span> | <span style="color: #993333;">repeat</span> | <span style="color: #993333;">repeat-x</span> | <span style="color: #993333;">repeat-y</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
no-repeat<br />
Install only one background image in the element without replications. Its location determines by the attribute background-position (default in a top left corner)<br />
repeat<br />
Background image is repeated horizontally and vertically.<br />
repeat-x<br />
Background image is repeated only horizontally.<br />
repeat-y<br />
Background image is repeated only vertically</p>
<p><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   BODY <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#bac89a</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
    <span style="color: #000000; font-weight: bold;">background-image</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span><span style="color: #ff0000; font-style: italic;">images/gradient.png</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Path to the background image */</span>
    <span style="color: #000000; font-weight: bold;">background-repeat</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">repeat-x</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Repeat the background  across*/</span>
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&nbsp;
...</pre></div></div>

<div style="font-size: 1.5em;"><strong>Object model</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.backgroundRepeat</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/background-repeat.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>background-position</title>
		<link>http://phpforms.net/tutorial/css-reference/background-position.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/background-position.html#comments</comments>
		<pubDate>Thu, 08 Apr 2010 10:23:14 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=2894</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS1


Default value 
0% 0%


Inherited
No


Applied
To block and replacable  elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/colors.html#propdef-background-position



Description
It specifies initial background image location installed with the help of parameter “background-image”.
Syntax

background-position: &#91;percent &#124; destination&#93; &#124; &#91;left &#124; center &#124; right&#93; &#124;&#124; &#91;top &#124; center &#124; bottom&#93;

Arguments
This parameter has 2 values: horizontal location (“left”, “center”, “right”) and vertical one [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS1</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">0% 0%</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To block and replacable  elements </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position">http://www.w3.org/TR/CSS21/colors.html#propdef-background-position</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
It specifies initial background image location installed with the help of parameter “background-image”.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">background-position</span><span style="color: #00AA00;">:</span> <span style="color: #00AA00;">&#91;</span>percent | destination<span style="color: #00AA00;">&#93;</span> | <span style="color: #00AA00;">&#91;</span><span style="color: #000000; font-weight: bold;">left</span> | <span style="color: #993333;">center</span> | <span style="color: #000000; font-weight: bold;">right</span><span style="color: #00AA00;">&#93;</span> || <span style="color: #00AA00;">&#91;</span><span style="color: #000000; font-weight: bold;">top</span> | <span style="color: #993333;">center</span> | <span style="color: #000000; font-weight: bold;">bottom</span><span style="color: #00AA00;">&#93;</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
This parameter has 2 values: horizontal location (“left”, “center”, “right”) and vertical one (“top”, “center”, “bottom”). Location may be specified in percents, pixels and other units in addition to using the keywords. If keywords are used, their order does not matter. In this case of percent record the horizontal location is defined at first and only than the vertical one after the spacing. There is relation between main used keywords and percent record is the following::<br />
top left = left top = 0% 0% (in the left top corner)<br />
top = top center = center top = 50% 0% (in the top middle)<br />
right top = top right = 100% 0% (in the right top corner)<br />
left = left center = center left = 0% 50% (in the left margin and in the middle)<br />
center = center center = 50% 50% (in the middle)<br />
right = right center = center right = 100% 50% (in the right margin and in the middle)<br />
bottom left = left bottom = 0% 100% (in the left bottom corner)<br />
bottom = bottom center = center bottom = 50% 100% (in the bottom middle)<br />
bottom right = right bottom = 100% 100% (in the right bottom corner)</p>
<p>In brackets it is specified where background image is placed relative to the container</p>
<p><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   HTML <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">100</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Page height */</span> 
   <span style="color: #00AA00;">&#125;</span>
   BODY <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background-image</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">'images/mybg.png'</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Path to the background image */</span>
    <span style="color: #000000; font-weight: bold;">background-position</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">right</span> <span style="color: #000000; font-weight: bold;">bottom</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Location of the background */</span>
    <span style="color: #000000; font-weight: bold;">background-repeat</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">no-repeat</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Cancel the  repetition of background*/</span>
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&nbsp;
...</pre></div></div>

<div style="font-size: 1.5em;"><strong>Object model</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.backgroundPosition</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/background-position.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>background-image</title>
		<link>http://phpforms.net/tutorial/css-reference/background-image.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/background-image.html#comments</comments>
		<pubDate>Thu, 08 Apr 2010 09:55:25 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=2888</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
none


Inherited
No


Applied
To all elements 


HTML analog
&#60;body background="URL"&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/colors.html#propdef-background-image




Description
It determines background image for the element. If the background color is specified for the element at the same time it will be shown while the background image will have been downloaded fully. The same will happen if the image is inaccessible or [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">none</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;body background="URL"&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-image">http://www.w3.org/TR/CSS21/colors.html#propdef-background-image</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
It determines background image for the element. If the background color is specified for the element at the same time it will be shown while the background image will have been downloaded fully. The same will happen if the image is inaccessible or their demonstration in the browser is switched off. When there are transparent areas in the image you can see the background color through them.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">background-image</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span>path to the file<span style="color: #00AA00;">&#41;</span> | <span style="color: #993333;">none</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
Path to the graphic file is a value which is indicated inside the construction “url()”.You can write the file path either in quotation marks (double or single) or without them. The argument can have the value “none” if the background image is not necessary.<br />
<br />
<strong>Example</strong>
</div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
&lt;head<span style="color: #00AA00;">&gt;</span>
 &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
 &lt;title<span style="color: #00AA00;">&gt;</span>background-image&lt;/title<span style="color: #00AA00;">&gt;</span>
 &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
  BODY <span style="color: #00AA00;">&#123;</span>
   <span style="color: #000000; font-weight: bold;">background-image</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span><span style="color: #ff0000; font-style: italic;">images/bg.jpg</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Path to the background image */</span>
   <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#c7b29a</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span>
  <span style="color: #00AA00;">&#125;</span>
 &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>...&lt;/p<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;"><strong>Object model</strong></dev><br />
</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.backgroundImage</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/background-image.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>background-color</title>
		<link>http://phpforms.net/tutorial/css-reference/background-color.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/background-color.html#comments</comments>
		<pubDate>Thu, 08 Apr 2010 09:15:10 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=2882</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS1


Default value 
transparent


Inherited
No


Applied
To all elements 


HTML analog
&#60;body &#124; table &#124; thead &#124; tbody &#124; tfoot &#124; th &#124; td bgcolor="color"&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/colors.html#propdef-background-color



Description
This parameter sets the background color of the element. Through this parameter doesn’t inherit its parent’s qualities it concurs with the background of the current element because the initial value of [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS1</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">transparent</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all elements </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">&lt;body | table | thead | tbody | tfoot | th | td bgcolor="color"&gt;</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color">http://www.w3.org/TR/CSS21/colors.html#propdef-background-color</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
This parameter sets the background color of the element. Through this parameter doesn’t inherit its parent’s qualities it concurs with the background of the current element because the initial value of the background color is set transparent.</p>
<p><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">color</span> | <span style="color: #993333;">transparent</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
It is possible to make a color by 3 ways:<br />
1. By the name.<br />
Browsers support some colors by the names.<br />
2. By the hexadecimal value<br />
The numbers in hexadecimal code are used for colors specifying. This system opposite to the decimal one is based on the number 16 as you can see from its name. It uses the next symbols: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. The numbers from 10 to 15 are substituted to the latin letters. In the decimal system the numbers after 15 are formed by integration of 2 numbers into 1. For example, number 255 fits number FF in hexadecimal system. For avoiding misunderstandings in defining the number language, the symbol # is set before the hexadecimal value, for example #666999. Each of three colors — red, green and blue can have the values from 00 to FF. Thus, color defining is divided in three components  #rrggbb, where first 2 symbols mark red component of a color, 2 medium ones define green and two last ones define dark blue. It is allowed to use the abridged form like #rgb, where every symbol neededs to be doubled. So, it is necessary to consider the record #fe0  as #ffee00.<br />
3. By RGB<br />
It is possible to define a color using values of red, green and blue components in decimal calculation. Each value of three colors can have values from 0 to 255. It is also possible to set a color in a percentage ratio.<br />
Also the element “transparent” determining a transparent background is available</p>
<p><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
&lt;!--
   BODY <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#3366CC</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color of the web page */</span>
   <span style="color: #00AA00;">&#125;</span> 
   H1 <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> RGB<span style="color: #00AA00;">&#40;</span><span style="color: #cc66cc;">249</span><span style="color: #00AA00;">,</span> <span style="color: #cc66cc;">201</span><span style="color: #00AA00;">,</span> <span style="color: #cc66cc;">16</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color under the title */</span>
   <span style="color: #00AA00;">&#125;</span>
   P <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">maroon</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color under the paragraph text */</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">white</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text color */</span>
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&lt;h1<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet&lt;/h1<span style="color: #00AA00;">&gt;</span>
Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 1</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/back-col1.jpg"><img class="aligncenter size-full wp-image-3529" title="back-col1" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/back-col1.jpg" alt="" width="384" height="400" /></a></p>
<div style="font-size: 1.5em;"><strong>Object model</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.backgroundColor</pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/background-color.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>background-attachment</title>
		<link>http://phpforms.net/tutorial/css-reference/background-attachment.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/background-attachment.html#comments</comments>
		<pubDate>Thu, 08 Apr 2010 08:36:58 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=2875</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
scroll


Inherited
No


Applied
To all elements 


HTML analog
&#60;body background="URL" bgproperties="fixed"&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment




Description
The parameter “background-attachment” allows to set whether the background image will scroll with element content. You can either fix the image and make it static or move it with a document.

Syntax


background-attachment: fixed &#124; scroll


Arguments
“fixed”    Makes background image of the [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">scroll</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;body background="URL" bgproperties="fixed"&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment">http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
The parameter “background-attachment” allows to set whether the background image will scroll with element content. You can either fix the image and make it static or move it with a document.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">background-attachment</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">fixed</span> | <span style="color: #993333;">scroll</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
“fixed”    Makes background image of the element static.<br />
“scroll”   Allows to move background with contents.<br />
<br />
<strong>Example</strong>
</div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>background-attachment&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   BODY <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background-image</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">'images/sample.gif'</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Path to the background image */</span>
    <span style="color: #000000; font-weight: bold;">background-attachment</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">fixed</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Fix the background of the web page */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;table<span style="color: #00AA00;">&gt;</span>
   &lt;tr<span style="color: #00AA00;">&gt;</span>
    &lt;td style<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;height:2000px&quot;</span><span style="color: #00AA00;">&gt;</span>
      Example of the <span style="color: #993333;">text</span>
    &lt;/td<span style="color: #00AA00;">&gt;</span>
   &lt;/tr<span style="color: #00AA00;">&gt;</span>
  &lt;/table<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.backgroundAttachment</pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Remark</strong><br />
If background is installed for layer, in this case the parameter “background-attachment” does not function in browsers, such as Opera and Firefox. The background image remains fixed in any case.</div>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/background-attachment.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>background</title>
		<link>http://phpforms.net/tutorial/css-reference/background.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/background.html#comments</comments>
		<pubDate>Thu, 08 Apr 2010 08:04:35 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=2866</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS1


Default value 
Depends on arguments used


Inherited
No


Applied
To all elements 


HTML analog
&#60;body bgcolor="color" background="URL" bgproperties="fixed"&#62;
 &#60;table &#124; thead &#124; tbody &#124; tfoot &#124; tr &#124; th &#124; td bgcolor="color" background="URL"&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/colors.html#propdef-background




Description
This parameter allows to set from one to five background styles. The values may be in random order and browser defines the value [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS1</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">Depends on arguments used</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">&lt;body bgcolor="color" background="URL" bgproperties="fixed"&gt;<br />
 &lt;table | thead | tbody | tfoot | tr | th | td bgcolor="color" background="URL"&gt;</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">http://www.w3.org/TR/CSS21/colors.html#propdef-background</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
This parameter allows to set from one to five background styles. The values may be in random order and browser defines the value fitting the attribute. If you want to learn more about the arguments, look their properties separately.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">background-attachment</span> || <span style="color: #000000; font-weight: bold;">background-color</span> || <span style="color: #000000; font-weight: bold;">background-image</span> || <span style="color: #000000; font-weight: bold;">background-position</span> || <span style="color: #000000; font-weight: bold;">background-repeat</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
All the combinations of 5 values defining a background style in the random order are parted by the space. No argument is obligatory, so you can omit values you do not use.</div>
<p></p>
<div style="font-size:1.5em;"><strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;content-type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>background&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   DIV <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">200px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Block height */</span>
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">200px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Block width */</span>
    <span style="color: #000000; font-weight: bold;">overflow</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">auto</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Add scrolling bands */</span>
    <span style="color: #000000; font-weight: bold;">padding-left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">15px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Left indent from the text */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fc0</span> <span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span><span style="color: #ff0000; font-style: italic;">images/hand.png</span><span style="color: #00AA00;">&#41;</span> <span style="color: #993333;">repeat-y</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color, 
                                                    path to the background image and 
                                                    vertical repeat of the background  */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;div<span style="color: #00AA00;">&gt;</span>
   Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie 
   consequat<span style="color: #00AA00;">,</span> vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et 
   iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore
   te feugat nulla facilisi. Ut wisi enim ad minim veniam<span style="color: #00AA00;">,</span> quis nostrud exerci taion 
   ullamcorper suscipit lobortis nisl ut aliquip ex en commodo consequat. Duis te 
   feugifacilisi per suscipit lobortis nisl ut aliquip ex en commodo consequat.
  &lt;/div<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown below (fig.1)</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/background1.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/background1.jpg" alt="" title="background1" width="362" height="387" class="aligncenter size-full wp-image-3522" /></a><br />
</p>
<div style="font-size:1.5em;"><strong>Object model</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">&#91;</span>window.<span style="color: #00AA00;">&#93;</span>document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;elementID&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span>.<span style="color: #000000; font-weight: bold;">background</span></pre></div></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/background.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>after</title>
		<link>http://phpforms.net/tutorial/css-reference/after.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/after.html#comments</comments>
		<pubDate>Thu, 08 Apr 2010 07:13:11 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=2845</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
No
No
No
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS2


Default value 
No


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/selector.html#before-and-after




Description
This pseudoelement works together with the attribute «content» and it is used for the necessary content output after the element to which is added.
«After» has following features:
1. Block, inline, none, marker are the values of “display” features, when “after” is added to the block [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">No</font></td>
<td class="yes"><font size="2">No</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS2</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Inherited</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Applied</font></th>
<td><font size="2">To all elements </font></td>
</tr>
<tr>
<th><font size="2">HTML analog</font></th>
<td><font size="2">No</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/selector.html#before-and-after">http://www.w3.org/TR/CSS21/selector.html#before-and-after</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
This pseudoelement works together with the attribute «content» and it is used for the necessary content output after the element to which is added.<br />
«After» has following features:<br />
1. Block, inline, none, marker are the values of “display” features, when “after” is added to the block element. All the other values will be interpreted as “block”.<br />
2. When you add «after» to built-in element, the value «display» will be only "inline" and "none". All other values will be interpreted as “inline”.</div>
<p></p>
<div style="font-size:1.5em;"><strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"> Element<span style="color: #3333ff;">:after </span><span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">:</span> <span style="color: #ff0000;">&quot;text&quot;</span> <span style="color: #00AA00;">&#125;</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Arguments</strong><br />
No.</div>
<p></p>
<div style="font-size:1.5em;"><strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
</pre></td><td class="code"><pre class="css" style="font-family:monospace;"> &lt;!DOCTYPE  HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>after&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
    p<span style="color: #6666ff;">.new</span><span style="color: #3333ff;">:after </span><span style="color: #00AA00;">&#123;</span>
      <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">:</span> <span style="color: #ff0000;">&quot;New!&quot;</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Add-on text */</span> 
      <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#333</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text color */</span> 
      <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fc0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color */</span> 
      <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">90</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Font size */</span> 
      <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Fields around the text */</span> 
    <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;h2<span style="color: #00AA00;">&gt;</span>Stories&lt;/h2<span style="color: #00AA00;">&gt;</span>
  &lt;p class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;new&quot;</span><span style="color: #00AA00;">&gt;</span>Story about how it was necessary to make the grave<span style="color: #00AA00;">,</span> it had begone to dig and then to bury and what was the result of it.&lt;/p<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>Story about how mysterious pink tracks with six fingers appeared near the dining hall and why it happened.&lt;/p<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">The result of this example is shown on the figure 1.</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/after11.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/after11.jpg" alt="" title="after1" width="372" height="368" class="aligncenter size-full wp-image-3519" /></a>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/after.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>active</title>
		<link>http://phpforms.net/tutorial/css-reference/active.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/active.html#comments</comments>
		<pubDate>Thu, 08 Apr 2010 06:05:06 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=2832</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS1


Applied
To links (tag &#60;A&#62;) 


HTML analog
&#60;body ALINK="#RRGGBB"&#62;


Reference to specification 
http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes



Description
Pseudo class "active" determines a style for a link.When you click on the link, it becomes active.
Syntax

A:active &#123; ... &#125;

Arguments
No.
Example

&#160;
  link
  &#60;!--
   a:link &#123;
    color: #0000d0; /* Link color */
   &#125;
   a:visited &#123;
 [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS1</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To links (tag &lt;A&gt;) </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">&lt;body ALINK="#RRGGBB"&gt;</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes">http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes</a></span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
Pseudo class "active" determines a style for a link.When you click on the link, it becomes active.</div>
<div style="font-size: 1.5em;"><strong>Syntax</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">A<span style="color: #3333ff;">:active </span><span style="color: #00AA00;">&#123;</span> ... <span style="color: #00AA00;">&#125;</span></pre></div></div>

<div style="font-size: 1.5em;"><strong>Arguments</strong><br />
No.</div>
<div style="font-size: 1.5em;"><strong>Example</strong></div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&nbsp;
  link
  &lt;!--
   a<span style="color: #3333ff;">:link </span><span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#0000d0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Link color */</span>
   <span style="color: #00AA00;">&#125;</span>
   a<span style="color: #3333ff;">:visited </span><span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#900060</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Color of visited links */</span>
   <span style="color: #00AA00;">&#125;</span>
   a<span style="color: #3333ff;">:active </span><span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#f00</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Color of active link */</span>
   <span style="color: #00AA00;">&#125;</span>
&nbsp;
--<span style="color: #00AA00;">&gt;</span>
&nbsp;
&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;task1.html&quot;</span><span style="color: #00AA00;">&gt;</span>Calculate the engine speed per minute&lt;/a<span style="color: #00AA00;">&gt;</span>
&nbsp;
Given<span style="color: #00AA00;">:</span> rule box<span style="color: #00AA00;">,</span> clock with second hand<span style="color: #00AA00;">,</span> sheet of paper<span style="color: #00AA00;">,</span> thread<span style="color: #00AA00;">,</span> pencil<span style="color: #00AA00;">,</span> scissors.</pre></div></div>

<div style="font-size: 1.5em;">The result of this example is shown on the figure 1</div>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/active11.jpg"><img class="aligncenter size-full wp-image-3516" title="active1" src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/active11.jpg" alt="" width="356" height="307" /></a></p>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/active.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>@media</title>
		<link>http://phpforms.net/tutorial/css-reference/media.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/media.html#comments</comments>
		<pubDate>Wed, 07 Apr 2010 11:34:42 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=2808</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS2


Default value 
all


Reference to specification 
http://www.w3.org/TR/CSS21/cascade.html#at-import




Description
The rule "@media" allows to indicate a medium type for which indicated style will be used.  Printers, monitors and other devices are mediums. Some of them are given in the table 1 below:



Tab.1 Medium types and their description


Type
Description


all
All types. This is a default value.


aural 
Speech synthesizers and [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table cellspacing="0" class="data browser" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">Browser</font></th>
<td class="browser rdline" colspan="4"><font size="2">Internet Explorer</font></td>
<td class="browser rdline" colspan="2"><font size="2">Netscape</font></td>
<td class="browser rdline" colspan="4"><font size="2">Opera</font></td>
<td class="browser rdline" colspan="3"><font size="2">Safari</font></td>
<td class="browser" colspan="3"><font size="2">Firefox</font></td>
</tr>
<tr>
<th><font size="2">Version</font></th>
<td><font size="2">5.5</font></td>
<td><font size="2">6.0</font></td>
<td><font size="2">7.0</font></td>
<td class="rdline"><font size="2">8.0</font></td>
<td><font size="2">8.0</font></td>
<td class="rdline"><font size="2">9.0</font></td>
<td><font size="2">7.0</font></td>
<td><font size="2">8.0</font></td>
<td><font size="2">9.2</font></td>
<td class="rdline"><font size="2">9.5</font></td>
<td><font size="2">1.3</font></td>
<td><font size="2">2.0</font></td>
<td class="rdline"><font size="2">3.1</font></td>
<td><font size="2">1.5</font></td>
<td><font size="2">2.0</font></td>
<td><font size="2">3.0</font></td>
</tr>
<tr class="headtable">
<th><font size="2">Supported</font></th>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes rdline"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
<td class="yes"><font size="2">Yes</font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;">Short information</div>
<table cellspacing="0" class="spec" border="1" width="120%">
<tbody>
<tr>
<th><font size="2">CSS</font></th>
<td><font size="2">CSS2</font></td>
</tr>
<tr>
<th><font size="2">Default value </font></th>
<td><font size="2">all</font></td>
</tr>
<tr>
<th><font size="2">Reference to specification </font></th>
<td><font size="2"><a href="http://www.w3.org/TR/CSS21/cascade.html#at-import">http://www.w3.org/TR/CSS21/cascade.html#at-import</a></font></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Description</strong><br />
The rule "@media" allows to indicate a medium type for which indicated style will be used.  Printers, monitors and other devices are mediums. Some of them are given in the table 1 below:</div>
<p>
<!--<br />
table {<br />
width: 600px; /* Ширина таблицы */<br />
border-collapse: collapse; /* Убираем двойную рамку между ячейками */<br />
}<br />
td {<br />
border: 1px solid black; /* Параметры границы */<br />
padding: 5px; /* Поля в ячейке */<br />
}<br />
caption {<br />
caption-side: Top; /* Заголовок под таблицей */<br />
}<br />
--></p>
<table border="1">
<caption><span style="font size="2";">Tab.1 Medium types and their description</span></caption>
<tbody>
<tr>
<td><span style="font size="2";">Type</span></td>
<td><span style="font size="2"">Description</span></td>
</tr>
<tr>
<td><span style="font size="2";">all</span></td>
<td><span style="font size="2";">All types. This is a default value.</span></td>
</tr>
<tr>
<td><span style="font size="2";">aural </span></td>
<td><span style="font size="2";">Speech synthesizers and programs for aloud text reproduction, such as speech browsers</span></td>
</tr>
<tr>
<td><span style="font size="2";">braille</span></td>
<td><span style="font size="2";">Devices which are meant for the blinds. These devices are based on the Braille system</span></td>
</tr>
<tr>
<td><span style="font size="2";">handheld</span></td>
<td><span style="font size="2";">Pocket (palm) computers and similar devices</span></td>
</tr>
<tr>
<td><span style="font size="2";">print</span></td>
<td><span style="font size="2";">Printing devices such as the printers</span></td>
</tr>
<tr>
<td><span style="font size="2";">projection</span></td>
<td><span style="font size="2";">Projector</span></td>
</tr>
<tr>
<td><span style="font size="2";">screen</span></td>
<td><span style="font size="2";">Monitor screen</span></td>
</tr>
<tr>
<td><span style="font size="2";">tv</span></td>
<td><span style="font size="2";">TV set</span></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size:1.5em;"><strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #a1a100;">@media type1 [, type2] {</span>
  Style description
<span style="color: #00AA00;">&#125;</span></pre></div></div>

<p></p>
<div style="font-size:1.5em;"><strong>Values</strong><br />
One ore more mediums types shown above are going after the keyword "@media". In the case when there are more than one type, they are separated by coma. Braces are required after that and standard algorithm descriptions are within them.<br />
<br />
<strong>Example 1</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span><span style="color: #a1a100;">@media&lt;/title&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #a1a100;">@media screen { /* Style for imaging in the browser */</span>
    BODY <span style="color: #00AA00;">&#123;</span>
     <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> Arial<span style="color: #00AA00;">,</span> Verdana<span style="color: #00AA00;">,</span> <span style="color: #993333;">sans-serif</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Sans-serif type */</span>
     <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">90</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Font size */</span>
     <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#000080</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text color */</span>
    <span style="color: #00AA00;">&#125;</span>
    H1 <span style="color: #00AA00;">&#123;</span>
     <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#faf0e6</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background color under the text */</span>
     <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span> <span style="color: #993333;">dashed</span> <span style="color: #cc00cc;">#800000</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Frame around the title */</span>
     <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#a0522d</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text color */</span>
     <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Fields around the text */</span>
    <span style="color: #00AA00;">&#125;</span>
    H2 <span style="color: #00AA00;">&#123;</span>
     <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#556b2f</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text color */</span>
     <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Remove indents */</span>
    <span style="color: #00AA00;">&#125;</span>
    P <span style="color: #00AA00;">&#123;</span>
     <span style="color: #000000; font-weight: bold;">margin-top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">0.5em</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Top indent */</span>
    <span style="color: #00AA00;">&#125;</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #a1a100;">@media print { /* Style for printing */</span>
    BODY <span style="color: #00AA00;">&#123;</span>
     <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> Times<span style="color: #00AA00;">,</span> <span style="color: #ff0000;">'Times New Roman'</span><span style="color: #00AA00;">,</span> <span style="color: #993333;">serif</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Font with serifs */</span>
    <span style="color: #00AA00;">&#125;</span>
    H1<span style="color: #00AA00;">,</span> H2<span style="color: #00AA00;">,</span> P <span style="color: #00AA00;">&#123;</span>
     <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#000</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Black color of the text */</span>
    <span style="color: #00AA00;">&#125;</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
   &lt;h1<span style="color: #00AA00;">&gt;</span>Method of the lion-hunting in the desert&lt;/h1<span style="color: #00AA00;">&gt;</span>
   &lt;h2<span style="color: #00AA00;">&gt;</span>Linear search method&lt;/h2<span style="color: #00AA00;">&gt;</span>
   &lt;p<span style="color: #00AA00;">&gt;</span>Let the loin have overall  dimensions LxWxH<span style="color: #00AA00;">,</span> where L is lion<span style="color: #ff0000;">'s length from the  tip of nose
   to the switch of tail, W — lion'</span>s <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">,</span> and H — its height. After this we divide the desert  into
   a row of elementary rectangles<span style="color: #00AA00;">,</span> the <span style="color: #000000; font-weight: bold;">size</span> of which concurs with lion<span style="color: #ff0000;">'s width and height. 
   Taking into consideration that the lion may be not on the strictly specified  area but  simultaneously on 
   two of them, the cage for hunting must have bigger size notably 2Lx2W. 
   Thanks to this you will avoid an error when only the lion'</span>s half will be catched in the cage 
   or its tail that is worse.&lt;/p<span style="color: #00AA00;">&gt;</span>
   &lt;p<span style="color: #00AA00;">&gt;</span>Forther sequentially cover each marked rectangleof the desert with the cage
   and check whether the lion is  caught. When the lion is in the cage the hunting procedure
   is considered to be over.&lt;/p<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">Two styles are input in this example. One of them is aimed for changing the elements’ look when they are imagined in the browser as usual, and the second one is aimed for the page’s output for printing. The document’s face differs very much for different mediums, for example, like it is shown on the figures 1 and 2.</div>
<p>
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/media1.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/media1.jpg" alt="" title="media1" width="449" height="426" class="aligncenter size-full wp-image-3513" /></a><br />
<br />
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/04/media2.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/04/media2.jpg" alt="" title="media2" width="449" height="426" class="aligncenter size-full wp-image-3514" /></a><br />
</p>
<div style="font-size:1.5em;">You can preview the document where CSS is set as "print" type if you’ll type the specified page. Or you can be sly and substitute the word "print" to the word "screen" for imaging the total in the browser. The figure 2 was derived in this way.<br />
The command "@media" is used mainly for formatting of one style file which is divided in blocks according to medium types. Sometimes it is necessary to create several different CSS-files – one file fore printing and another one for imaging in the browser, and to connect them to the document as necessary. In a such case you may use the tag &lt;Link&gt; with the parameter "media"; its values are the types enumerated in the table 1.<br />
<br />
<strong>Example 2</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span><span style="color: #a1a100;">@media&lt;/title&gt;</span>
  &lt;link media<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;print, handheld&quot;</span> rel<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;stylesheet&quot;</span> href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;print.css&quot;</span> type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;link media<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;screen&quot;</span> rel<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;stylesheet&quot;</span> href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;main.css&quot;</span> type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>...&lt;/p<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p></p>
<div style="font-size:1.5em;">Two sheets of coupled styles are used in this example; one of them is aimed for imaging in the browser, and another one for document printing and its preview at the pocket computer. Though two different styles are loaded on the page simultaneously they are used only for specified mediums.
</div>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/media.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>@import</title>
		<link>http://phpforms.net/tutorial/css-reference/import.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/import.html#comments</comments>
		<pubDate>Wed, 07 Apr 2010 09:26:02 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=2787</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Errors
Errors
Errors
?
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes



Short information



CSS
CSS2


Default value 
all


Reference to specification 
http://www.w3.org/TR/CSS21/cascade.html#at-import




Description
The rule "@import" allows to import CSS file content into a current style sheet.

Syntax


@import url(&#34;file name&#34;) [types of mediums];


@import (&#34;file name&#34;) [types of mediums];


Printers, monitors and other devices are mediums. Some of them are given in the table below.


Tab.1 Medium types and their description


Type
Description


all
All types. This is a [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="data browser" style="height: 53px;" border="1" cellspacing="0" width="600">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Errors</span></td>
<td class="yes"><span style="font-size: x-small;">Errors</span></td>
<td class="yes"><span style="font-size: x-small;">Errors</span></td>
<td class="yes rdline"><span style="font-size: x-small;">?</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS2</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">all</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/cascade.html#at-import">http://www.w3.org/TR/CSS21/cascade.html#at-import</a></span></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size: 1.5em;"><strong>Description</strong><br />
The rule "@import" allows to import CSS file content into a current style sheet.<br />
<br />
<strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #a1a100;">@import url(&quot;file name&quot;) [types of mediums];</span></pre></div></div>


<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #a1a100;">@import (&quot;file name&quot;) [types of mediums];</span></pre></div></div>

<p></p>
<div style="font-size: 1.5em;">Printers, monitors and other devices are mediums. Some of them are given in the table below.</div>
<p><!--<br />
table {<br />
width: 600px; /* Ширина таблицы */<br />
border-collapse: collapse; /* Убираем двойную рамку между ячейками */<br />
}<br />
td {<br />
border: 1px solid black; /* Параметры границы */<br />
padding: 5px; /* Поля в ячейке */<br />
}<br />
caption {<br />
caption-side: Top; /* Заголовок под таблицей */<br />
}<br />
--></p>
<table border="1">
<caption><span style="font size="2";">Tab.1 Medium types and their description</span></caption>
<tbody>
<tr>
<td><span style="font size="2";">Type</span></td>
<td><span style="font size="2"">Description</span></td>
</tr>
<tr>
<td><span style="font size="2";">all</span></td>
<td><span style="font size="2";">All types. This is a default value.</span></td>
</tr>
<tr>
<td><span style="font size="2";">aural </span></td>
<td><span style="font size="2";">Speech synthesizers and programs for aloud text reproduction, such as speech browsers</span></td>
</tr>
<tr>
<td><span style="font size="2";">braille</span></td>
<td><span style="font size="2";">Devices which are meant for the blinds. These devices are based on the Braille system</span></td>
</tr>
<tr>
<td><span style="font size="2";">handheld</span></td>
<td><span style="font size="2";">Pocket (palm) computers and similar devices</span></td>
</tr>
<tr>
<td><span style="font size="2";">print</span></td>
<td><span style="font size="2";">Printing devices such as the printers</span></td>
</tr>
<tr>
<td><span style="font size="2";">projection</span></td>
<td><span style="font size="2";">Projector</span></td>
</tr>
<tr>
<td><span style="font size="2";">screen</span></td>
<td><span style="font size="2";">Monitor screen</span></td>
</tr>
<tr>
<td><span style="font size="2";">tv</span></td>
<td><span style="font size="2";">TV set</span></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size: 1.5em;">When you use different types of mediums concurrently with file import, you can indicate styles only for certain devices.<br />
<br />
<strong>Values:</strong><br />
A path to a style file may be used as a value; this path is indicated inside of optional construction "url()". You can write a path to the file either with quotation marks or without them.<br />
<br />
<strong>Example</strong></div>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Импорт стиля&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
    <span style="color: #a1a100;">@import &quot;/style/main.css&quot; screen; /* Style for result output on the monitor */</span>
    <span style="color: #a1a100;">@import &quot;/style/palm.css&quot; handheld, print; /* Style for printing */</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>...&lt;/p<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<div style="font-size: 1.5em;"><strong>Browsers</strong><br />
Browser Internet Explorer to the 7th version inclusive doesn't support mediums types in the time of style file's import.</div>
</div>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/import.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>!Important</title>
		<link>http://phpforms.net/tutorial/css-reference/important.html</link>
		<comments>http://phpforms.net/tutorial/css-reference/important.html#comments</comments>
		<pubDate>Wed, 07 Apr 2010 04:35:52 +0000</pubDate>
		<dc:creator>bekhter_aa</dc:creator>
				<category><![CDATA[CSS reference]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=2739</guid>
		<description><![CDATA[



Browser
Internet Explorer
Netscape
Opera
Safari
Firefox


Version
5.5
6.0
7.0
8.0
8.0
9.0
7.0
8.0
9.2
9.5
1.3
2.0
3.1
1.5
2.0
3.0


Supported
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes




Short information



CSS
CSS2


Default value 
No


Inherited
No


Applied
To all elements 


HTML analog
No


Reference to specification 
http://www.w3.org/TR/CSS21/cascade.html#important-rules




Description: The "!important" allows increasing a style parameter in case when styles of users and authors tables are not identical. A browser goes by next algorithm while a styles table is used. Also this algorithm is used when authors and users styles are not [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<table class="spec" style="height: 103px;" border="1" cellspacing="0" width="600">
<tbody>
<tr>
<th><span style="font-size: x-small;">Browser</span></th>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Internet Explorer</span></td>
<td class="browser rdline" colspan="2"><span style="font-size: x-small;">Netscape</span></td>
<td class="browser rdline" colspan="4"><span style="font-size: x-small;">Opera</span></td>
<td class="browser rdline" colspan="3"><span style="font-size: x-small;">Safari</span></td>
<td class="browser" colspan="3"><span style="font-size: x-small;">Firefox</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Version</span></th>
<td><span style="font-size: x-small;">5.5</span></td>
<td><span style="font-size: x-small;">6.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td class="rdline"><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td class="rdline"><span style="font-size: x-small;">9.0</span></td>
<td><span style="font-size: x-small;">7.0</span></td>
<td><span style="font-size: x-small;">8.0</span></td>
<td><span style="font-size: x-small;">9.2</span></td>
<td class="rdline"><span style="font-size: x-small;">9.5</span></td>
<td><span style="font-size: x-small;">1.3</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td class="rdline"><span style="font-size: x-small;">3.1</span></td>
<td><span style="font-size: x-small;">1.5</span></td>
<td><span style="font-size: x-small;">2.0</span></td>
<td><span style="font-size: x-small;">3.0</span></td>
</tr>
<tr class="headtable">
<th><span style="font-size: x-small;">Supported</span></th>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes rdline"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
<td class="yes"><span style="font-size: x-small;">Yes</span></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size: 1.5em;">Short information</div>
<table class="spec" border="1" cellspacing="0" width="120%">
<tbody>
<tr>
<th><span style="font-size: x-small;">CSS</span></th>
<td><span style="font-size: x-small;">CSS2</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Default value </span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Inherited</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Applied</span></th>
<td><span style="font-size: x-small;">To all elements </span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">HTML analog</span></th>
<td><span style="font-size: x-small;">No</span></td>
</tr>
<tr>
<th><span style="font-size: x-small;">Reference to specification </span></th>
<td><span style="font-size: x-small;"><a href="http://www.w3.org/TR/CSS21/cascade.html#important-rules">http://www.w3.org/TR/CSS21/cascade.html#important-rules</a></span></td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size: 1.5em;"><strong>Description</strong>: The "!important" allows increasing a style parameter in case when styles of users and authors tables are not identical. A browser goes by next algorithm while a styles table is used. Also this algorithm is used when authors and users styles are not similar and applied concurrently. 1. If "!important" is added to an author style, this style will be used. 2. If "!important" is added to a users style, it will be applied. 3. If "!important" is unavailable in both styles, an author stile will be used. 4. If "!important" is available in both styles, in this case a user style will be used.<br />
Result of "!important" using is indicated below.</div>
<p>
<!--   table { width: 600px; /* Ширина таблицы */ border-collapse: collapse; /* Убираем двойную рамку между ячейками */ }  td { border: 1px solid black; /* Параметры границы */ padding: 10px; /* Поля в ячейке */ } caption { caption-side: top; /* Заголовок под таблицей */ }  --></p>
<table border="1">
<caption>
<div style="font-size: 1.5em;"><strong>Tab. 1. The application result of !important</strong></div>
</caption>
<tbody>
<tr>
<td>
<div style="font-size: 1.5em;"><strong>Author style</strong></div>
</td>
<td>
<div style="font-size: 1.5em;"><strong>User style</strong></div>
</td>
<td>
<div style="font-size: 1.5em;"><strong>Result</strong></div>
</td>
</tr>
<tr>
<td>
<div style="font-size: 1.5em;">BODY { /* Grey color of the text */ color: silver; /* Text size is 8 */ font-size: 8pt }</div>
</td>
<td>
<div style="font-size: 1.5em;">BODY { /* Black colour of the text */ color: #000; /* Text size is 12 */ font-size: 12pt }</div>
</td>
<td>
<div style="font-size: 1.5em;">Lorem ipsum dolor sit amet... The author style will be used: the grey color of a text. The script size is 8.</div>
</td>
</tr>
<tr>
<td>
<div style="font-size: 1.5em;">BODY { /* Grey color of the text */ color: silver; /* Text size is 8 */ font-size: 8pt }</div>
</td>
<td>
<div style="font-size: 1.5em;">BODY { /* Black colour of the text, very important*/ color: #000 <strong>!important</strong>; /* Text size is 12 */ font-size: 12pt }</div>
</td>
<td>
<div style="font-size: 1.5em;">Lorem ipsum dolor sit amet... The text color will be installed by the user and the script size will remain initial one. Finally we can see a black text. Its size will be 8 points.</div>
</td>
</tr>
<tr>
<td>
<div style="font-size: 1.5em;">BODY { /* Grey color of the text */ color: silver; /* Text size is 8 */ font-size: 8pt }</div>
</td>
<td>
<div style="font-size: 1.5em;">BODY { /* Black colour of the text, very important */ color: #000 <strong>!importan</strong>t; /* Text size is 12, very important */ font-size: 12pt <strong>!important</strong> }</div>
</td>
<td>
<div style="font-size: 1.5em;">Lorem ipsum dolor sit amet... All user profiles will be used. Text will begin to be displayed as black with a size of 12 points.</div>
</td>
</tr>
<tr>
<td>
<div style="font-size: 1.5em;">BODY { /* Grey color of the text, very important */ color: silver <strong>!important</strong>; /* Text size is 8, very important */ font-size: 8pt <strong>!important</strong> }</div>
</td>
<td>
<div style="font-size: 1.5em;">BODY { /* Black colour of the text, very important */ color: #000 <strong>!important</strong>; /* Text size is 12, very important */ font-size: 12pt <strong>!important</strong> }</div>
</td>
<td>
<div style="font-size: 1.5em;">Lorem ipsum dolor sit amet... When you add "!important" to any table, in this case priority has the users style. Finally a text will be black and the size increases to 12 points.</div>
</td>
</tr>
</tbody>
</table>
<p></p>
<div style="font-size: 1.5em;"><strong>Syntax</strong></div>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">Properties<span style="color: #00AA00;">:</span> value of !important</pre></div></div>

<p></p>
<div style="font-size: 1.5em;"><strong>Arguments</strong> This attribute has no arguments<br />
<br />
<strong>Example</strong></div>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>important&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   P <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">'/images/mklvfkwr.gif'</span><span style="color: #00AA00;">&#41;</span> <span style="color: #993333;">no-repeat</span> !important<span style="color: #00AA00;">;</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
    &lt;p<span style="color: #00AA00;">&gt;</span>Minor pentatonic with decreased V stage also is called the bluesy pentatonic.&lt;/p<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/css-reference/important.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML Codes &#8211; Characters and symbols</title>
		<link>http://phpforms.net/tutorial/html-basics/html-codes-characters-and-symbols-2.html</link>
		<comments>http://phpforms.net/tutorial/html-basics/html-codes-characters-and-symbols-2.html#comments</comments>
		<pubDate>Mon, 29 Mar 2010 12:30:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[HTML Basics]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=2543</guid>
		<description><![CDATA[
[hana-code-insert name='HTML' /]

]]></description>
			<content:encoded><![CDATA[<dd>
[hana-code-insert name='HTML' /]
</dd>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/html-basics/html-codes-characters-and-symbols-2.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ASCII Codes</title>
		<link>http://phpforms.net/tutorial/html-basics/ascii-codes.html</link>
		<comments>http://phpforms.net/tutorial/html-basics/ascii-codes.html#comments</comments>
		<pubDate>Mon, 29 Mar 2010 04:49:53 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[HTML Basics]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=2504</guid>
		<description><![CDATA[
The ASCII device control characters were originally designed to control  hardware devices.
  Control characters have nothing to do inside an HTML document.



      ASCII Character
HTML Entity Code
Description


NUL
&#38;#00;
null character


SOH
&#38;#01;
start of header


STX
&#38;#02;
start of text


ETX
&#38;#03;
end of text


EOT
&#38;#04;
end of transmission


ENQ
&#38;#05;
enquiry


ACK
&#38;#06;
acknowledge


BEL
&#38;#07;
bell (ring)


BS
&#38;#08;
backspace


HT
&#38;#09;
horizontal tab


LF
&#38;#10;
line feed


VT
&#38;#11;
vertical tab


FF
&#38;#12;
form feed


CR
&#38;#13;
carriage return


SO
&#38;#14;
shift out


SI
&#38;#15;
shift in


DLE
&#38;#16;
data link escape


DC1
&#38;#17;
device control 1


DC2
&#38;#18;
device control [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>The ASCII device control characters were originally designed to control  hardware devices.<br />
  Control characters have nothing to do inside an HTML document.</dd>
<dd><TABLE ALIGN="CENTER" font-size="1.1em" WIDTH="100%"cellpadding="0" cellspacing="0" border="0" class="features"></p>
<tr>
<td>
      <strong>ASCII Character</strong></td>
<td><strong>HTML Entity Code</strong></td>
<td><strong>Description</strong></td>
</tr>
<tr>
<td>NUL</td>
<td>&amp;#00;</td>
<td>null character</td>
</tr>
<tr>
<td>SOH</td>
<td>&amp;#01;</td>
<td>start of header</td>
</tr>
<tr>
<td>STX</td>
<td>&amp;#02;</td>
<td>start of text</td>
</tr>
<tr>
<td>ETX</td>
<td>&amp;#03;</td>
<td>end of text</td>
</tr>
<tr>
<td>EOT</td>
<td>&amp;#04;</td>
<td>end of transmission</td>
</tr>
<tr>
<td>ENQ</td>
<td>&amp;#05;</td>
<td>enquiry</td>
</tr>
<tr>
<td>ACK</td>
<td>&amp;#06;</td>
<td>acknowledge</td>
</tr>
<tr>
<td>BEL</td>
<td>&amp;#07;</td>
<td>bell (ring)</td>
</tr>
<tr>
<td>BS</td>
<td>&amp;#08;</td>
<td>backspace</td>
</tr>
<tr>
<td>HT</td>
<td>&amp;#09;</td>
<td>horizontal tab</td>
</tr>
<tr>
<td>LF</td>
<td>&amp;#10;</td>
<td>line feed</td>
</tr>
<tr>
<td>VT</td>
<td>&amp;#11;</td>
<td>vertical tab</td>
</tr>
<tr>
<td>FF</td>
<td>&amp;#12;</td>
<td>form feed</td>
</tr>
<tr>
<td>CR</td>
<td>&amp;#13;</td>
<td>carriage return</td>
</tr>
<tr>
<td>SO</td>
<td>&amp;#14;</td>
<td>shift out</td>
</tr>
<tr>
<td>SI</td>
<td>&amp;#15;</td>
<td>shift in</td>
</tr>
<tr>
<td>DLE</td>
<td>&amp;#16;</td>
<td>data link escape</td>
</tr>
<tr>
<td>DC1</td>
<td>&amp;#17;</td>
<td>device control 1</td>
</tr>
<tr>
<td>DC2</td>
<td>&amp;#18;</td>
<td>device control 2</td>
</tr>
<tr>
<td>DC3</td>
<td>&amp;#19;</td>
<td>device control 3</td>
</tr>
<tr>
<td>DC4</td>
<td>&amp;#20;</td>
<td>device control 4</td>
</tr>
<tr>
<td>NAK</td>
<td>&amp;#21;</td>
<td>negative acknowledge</td>
</tr>
<tr>
<td>SYN</td>
<td>&amp;#22;</td>
<td>synchronize</td>
</tr>
<tr>
<td>ETB</td>
<td>&amp;#23;</td>
<td>end transmission block</td>
</tr>
<tr>
<td>CAN</td>
<td>&amp;#24;</td>
<td>cancel</td>
</tr>
<tr>
<td>EM</td>
<td>&amp;#25;</td>
<td>end of medium</td>
</tr>
<tr>
<td>SUB</td>
<td>&amp;#26;</td>
<td>substitute</td>
</tr>
<tr>
<td>ESC</td>
<td>&amp;#27;</td>
<td>escape</td>
</tr>
<tr>
<td>FS</td>
<td>&amp;#28;</td>
<td>file separator</td>
</tr>
<tr>
<td>GS</td>
<td>&amp;#29;</td>
<td>group separator</td>
</tr>
<tr>
<td>RS</td>
<td>&amp;#30;</td>
<td>record separator</td>
</tr>
<tr>
<td>US</td>
<td>&amp;#31;</td>
<td>unit separator</td>
</tr>
<tr>
<td>DEL</td>
<td>&amp;#127;</td>
<td>delete (rubout)</td>
</tr>
</table>
</dd>
<p><br/></p>
<dd>
[hana-code-insert name='ascii' /]
</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/html-basics/ascii-codes.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>test</title>
		<link>http://phpforms.net/tutorial/uncategorized/test.html</link>
		<comments>http://phpforms.net/tutorial/uncategorized/test.html#comments</comments>
		<pubDate>Thu, 18 Mar 2010 17:42:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[test123]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=2438</guid>
		<description><![CDATA[תרבות/ מרצה: גדי בן עזר נערך ע"י עשור אודליה
דוגמא לחברה מסורתית/ יהודי אתיופיה באתיופיה ובמעבר לישראל
רקע: אתיופיה היא רמה של 2,500-2,000 מ', הרים גבוהים ומצוקים, גאיות עמוקים. האקלים: בצד המזרחי יש ירידה לאקלים ים-תיכוני (לכיוון ים סוף), בצד המערבי יש את סודן ואקלים מדברי. במרכז הרמה האקלים ממוזג (200-150). חיים באתיופיה כ-70 מיליון איש. האזור [...]]]></description>
			<content:encoded><![CDATA[<p>תרבות/ מרצה: גדי בן עזר נערך ע"י עשור אודליה</p>
<p>דוגמא לחברה מסורתית/ יהודי אתיופיה באתיופיה ובמעבר לישראל<br />
רקע: אתיופיה היא רמה של 2,500-2,000 מ', הרים גבוהים ומצוקים, גאיות עמוקים. האקלים: בצד המזרחי יש ירידה לאקלים ים-תיכוני (לכיוון ים סוף), בצד המערבי יש את סודן ואקלים מדברי. במרכז הרמה האקלים ממוזג (200-150). חיים באתיופיה כ-70 מיליון איש. האזור התרבותי העיקרי הוא "קרן אפריקה".<br />
* היהודים נמצאים סביב ימת טאנה, (מקור הנילוס הכחול). אגם טאנה הוא מכתש ענק, לוע של הר געש, ממנו מתחיל הנילוס לזרום. אזור נוסף של יהודים הוא טיגראי (אזור צפון מזרחי). רוב היהודים באים מאזור גונדר ודוברים אמהרית וחלקם מאזור טיגראי ומדברים טיגרית, יש גם יהודים מאזור  קווארה ומאזור וולקאט וצ'ילה הנקראים פלשמורה- היהודים המתנזרים, מיעוט קטן חי בעיר הבירה של אתיופיה אדיס-אבבה.<br />
* הרוב המכריע הוא מאזורים כפריים. הכפר היהודי האתיופי מורכב משלושה ועד ארבעה דורות דרך הגברים, כלומר הגברים מביאים את הנשים שלהם מקום המגורים של האבא- יש אב זקן ואישתו, הבנים ונשותיהם והילדים שלהם- זה לא תמיד אבל בד"כ. הכפרים היו ליד מקורות מים, מה שמביא אותנו לכינויים והשמות.<br />
* ליהודים יש כינויים שונים, בישראל נקראים יהודי אתיופיה, באתיופיה נקראים "ביתא ישראל" או "ישראל" שם עצמי- כך הם קראו לעצמם. בנוסף נוספו להם כינוי מצד הנוצרים היהודים והוא "פלאשה" -(פולשים)/ "פלאסין" – זרים. ייתכן והמקור הוא שהנוצרים קוראים ליהודי אתיופיה פלאשה- בגלל שהיגרו מישראל בדורות ראשונים ולכן דבק בהם הכינוי עוד מאז, ויש אחרים שחושבים שהכינוי הוא תוצאה של אובדן העצמאות שלהם במאה ה-17, כלומר: הייתה ממלכה יהודית באתיופיה במשך כמה מאות שנים עם מלכים בשם גדעון ויהודי, ובמאה ה-17 (1632), הם הוכנעו ע"י הנוצרים במלחמות באזור גונדר, ואז המלך האתיופי הנוצרי הודיע שמי שיתנצר – יזכה להוריש את אדמתו לילדיו, ומי שלא – יהפוך אדם חסר זכות על האדמה, מעין אריס, בשם "פלאסין".<br />
* מעמד כלכלי- בעקבות זאת החלה התדרדרות במעמד הכלכלי- תעסוקתי של יהודי אתיופיה מול שכניהם הנוצרים, והם הופכים מאנשים עצמאיים, יהודים, בעלי אדמות, לבנאי הארמונות באזור גונדאר עבור המלכים החדשים. הבירה הופכת להיות גונדאר, והנשים הופכות להיות המעטרות של הארמונות (מעצבות פנים). לאחר מכן כעבור 100 שנים התרחשה עוד התדרדרות – הגברים הופכים נפחים ,מתקני נשק וחרשי ברזל והנשים הופכות כדריות, עוסקות בחרס. המצב הזה מביא לתעסוקה עיקרית סביב האש. מי שעוסק בחומרים ארציים כגון אש או אדמה, עוסק במלאכה בזויה וכך הם הופכים להיות חיוניים עם שוליות.<br />
בגלל זה הם זוכים בעוד שם גנאי – "בודא" (מקור לעין הרע). עפ"י האמונה האתיופית, מקור לעין הרע יכול להפוך לצבוע מנוקד (חיה) שאוכל נשמות של אנשים אחרים (הנוצרים). הייתה תפיסה שהיהודים אשמים במחלות של הנוצרים (בגלל היותם צבועים) ועמדו בסכנת חיים. הם הפכו לחיוניים אך שוליים במעמד התעסוקתי שלהם.<br />
* מבחינת הסטאטוס החברתי, הם נחשבו בתחתית. במעמד הזה, נוסף להם כינוי "אנשים שמסריחים מים" – הנובע מהטבילות הרבות שהיו נהוגות בקרב היהודים (כדי להיטהר מטומאה).<br />
החיוניות עם שוליות באה לידי ביטוי בגלל שני סיבות: בעלות/ אי בעלות על קרקע, סוגי המלאכות שהם עוסקים בהם בדורות שונים.                                                                               </p>
<p>דפוס התקשורת: הדפוס המרכזי בתרבות יהודי אתיופיה בשני צירים מרכזיים: "קוד הכבוד" של יהודי אתיופיה:<br />
•	יהודי אתיופיה באתיופיה- כל נער ונערה אתיופים גדלים באווירה סמכותית, במבנה חברתי הפועל ע"פ היררכיה של סמכויות, המשפחה האתיופית היא בד"כ משפחה מסורתית פטריארכאלית. במסגרת המשפחתית הדתית יש קריטריונים ברורים שקובעים את ההיררכיה הזאת, לדוגמא: גיל מבוגר לעומת צעיר, סמכות משפחתית, תפקיד קהילתי עדתי- קס (רב). ההיררכיה הזאת מכתיבה מערכת התנהגויות נורמטיבית. אחד האספקטים המרכזיים בהתנהגות הנורמטיבית הוא מושג הכבוד והימנעות מפגיעה בו, בפרט למי שעומד מעלייך בסדר החברתי, כלומר מי שמעליי מוגדר כסמכות- אני צריך להימנע מלפגוע בו ולתת לו כבוד. נורמת הכבוד בחברה האתיופית באה לידי ביטוי במגוון רחב של התנהגויות ספציפיות שאנשים בתוך החברה שותפים לו- הצעיר מצווה לשרת את המבוגר.<br />
•	יהודי אתיופיה בישראל- עניין הכבוד מביא לשורה של אי הבנות בין תרבויות וקצרים בתקשורת, כלומר במרכז הקליטה יהודי אתיופיה מגדירים את העובדים כסמכות ולכן מפנים כלפיהם סוג של כבוד וכך נוצרים אי הבנות.<br />
<br />
1. התנהגויות כלפי סמכות: האדם שהתנהג בצורה זו לסמכות מצפה מאותה הסמכות להתנהג בצורה כזאת או אחרת כלפיו, כחלק מאותו החוק. ההתנהגויות הם:<br />
•	אין "לא"- בתרבות האתיופית לא נהוג לומר "לא" לדמויות סמכות, המושג של "לא" הוא מושג נדיר באתיופיה. לומר "לא" זה פגיעה בדמות הסמכות, יתרה מזו אתה מצווה להגיד "כן כן כן" (אישי, אישי-באמהרית), גם כשלא מסכימים עם דמות הסמכות. הציות הוא מוחלט בד"כ ומי שרוצה לסרב יכול לכל היותר לשתוק. השתיקה כוללת אופציה של סירוב- קריאה של הקוד. ע"פ הקוד האתיופי מותר לא לבצע- אבל אסור להגיד לא. המילה "לא" היא ביטוי של עלבון, פגיעה בכבוד.  אין ואריאציות- חל איסור על הצעת אלטרנטיבות, אני לא יכול להציע הצעה אחרת כיוון שהיא נחשבת כסירוב לסמכות. ניתן לשאול- מה נוח לכם, או לתת לו לבחור מתוך כמה חלופות. יחד עם זאת, זה לא מבטיח במאה אחוז כיוון שלא ניתן לתת לאדם את כל האופציות הקיימות, ובנוסף יש משהו בקוד התרבותי שעשוי לפגוע בזה. אמירת "לא" מדומת להכרזת מלחמה, כאשר מסרבים זה להסתכן בעצמך. כל ביטוי של אי שביעות רצון מילולית לא רצוי. התרבות האתיופית מעודדת את חבריה לאיפוק רגשי בכלל ושל רגשות שליליים בפרט, מחנכים לא לבטא נקמה, קנאה וכו'. מצופה ממך לשמור אותם בבטן. הפתגם האתיופי אומר: "הבטן רחבה מכל העולם" (הוד כאגר), כלומר: היא יכולה להכיל את כל מה שאני מרגיש, במיוחד את הדברים העוינים, אני מצווה לשמור בבטן.<br />
הקודים בארץ ישראל נוגדים את הקודים האתיופיים: אצלנו יש עידוד "לשפוך", ולא לשמור דברים בבטן.<br />
•	אין יוזמות ושאלות- ע"פ הקוד התרבותי והאתיופי אנו לא אמורים ליזום כלפי סמכות, לא אמורים לשאול שאלות. יוזמה נתפסת כביטוי של חוצפה. יש ציפייה מהסמכות ליזום אם צריך. אני צריך לענות בקצרה, (כן/לא) בקול חלש ולא ליזום אינפורמציה מעבר למה ששאלתי. בן ישאל את אביו שאלות טקסיות בלבד – מה שלומך? אך לא מעבר. לאבא מותר לשאול את בנו כל דבר.<br />
•	ביטויי גוף ומחוות- התנהגות של כבוד כלפי סמכות באה לידי ביטוי בשפת גוף. באתיופיה היה נהוג לנשק את הברך של בעל הסמכות. הברך היא סמל הכוח באתיופיה (ברך = גולבית) וכן נהוג היה לרדת אל הברך של דמות הסמכות. תופעה כזו כמעט נעלמה בישראל. עבור הזקנים יוצאי אתיופיה היה מדובר במשבר – המעמד שהם הרוויחו בכבוד נעלם. יש ביטויים נוספים של כבוד כלפי סמכות, מעבר לברכת השלום ( 2 נשיקות לזר, 3 נשיקות לבן משפחה ו-3 סבבים של נשיקות למי שלא ראו אותו הרבה זמן). דוגמה נוספת: נקישה בעקבים, שילוב הידיים מאחורי הגוף, הרכנת הראש וחצי גוף – אות של כבוד כלפי סמכות. אחד הביטויים הגופניים של דפוס התקשורת, הבולט אצל נערות הנפגשות עם דמות סמכות, כוללת השפלת מבט, צחקוק, פניה/עמידה ב-900, לא להביט בעיני הסמכות, כיסוי הפה ביד ותשובה לסמכות רק מהפעם השנייה בה היא נשאלת. הנערה מצווה להישען על חברתה ולצחקק ולענות בלחש על שאלת בעל הסמכות. נערה לא תיזום שאלות. אביה של נערה שמתנהגת כך יתגאה בה, כיוון שהיא מחונכת, מנומסת (צ'ואה). הנימוס הוא כלי חינוכי בידי המבוגר. קוד התקשורת הוא חלק מחינוך אידיאלי של הילדים. במעבר לישראל, חלק מההתנהגויות נתפסות כ"צייתנות", "ילדים טובים ירושלים". אצל הישראלים נוצר תסכול; מצד אחד האתיופים ממושמעים וצייתנים, מצד שני האתיופים בלתי אמינים, מרגיזים, עקשנים (מהנהנים, לא מגיבים ולא מבצעים).<br />
2. ציפיות מהסמכות- ע"פ אותו קוד, כחלק מאותו קוד, אני מצפה שהסמכות תנהג כלפיי בצורה מסוימת.<br />
•	קיום הבטחות- הסמכות מצופה לעמוד בהבטחותיה. התרבות האתיופית מקמצנת במילים ומעניקה חשיבות עצומה לכל מילה. לא אומרים סתם "כן, כן", יש הסכמה מודעת לקיים את ההבטחה. הכבוד והמעמד של המבטיח תלויים בקיום ההבטחה. ככל שהסמכות גבוהה יותר יש לה יותר כבוד להפסיד, ואז קיום ההבטחה הוא ברור וחשוב יותר. פתגם אתיופי יודע: "עדיף שמה שיילדת לא יתקיים מאשר מה שהבטחת לא יקוים"– כלומר, עדיף שילדיך ימותו מאשר שלא תקיים הבטחה. בהקשר כזה, שבועות ונדרים הם דבר נדיר. במעבר לישראל, היה קשה ליוצאי אתיופיה לקבל את העובדה שישראלים מתקשים לקיים הבטחות. אתיופים מצאו עצמם מחכים להבטחות. בתרבות האתיופית תשובה בנוסח "נראה" או "יכול להיות" נחשבת גם היא כהבטחה. תשובה כזו משמעה שההחלטה בידי הסמכות, וסירוב מאוחר יותר יתפרש כאי קיום הבטחה. בישראל, כדי לתת תשובה – צריך לומר "לא", לשקול ואז לשוב עם תשובה חיובית (כדמות סמכות מותר לומר לא, או לומר שצריך לבדוק אצל מישהו אחר ואז נחזיר תשובה ("זה לא בידיים שלי, אני אבדוק ואחזור אליך").<br />
•	אי התעלמות מקיומו- הסמכות מצווה לעמוד בציפיות ולא להתעלם מקיום הכפיף/הפונה. חוסר התייחסות לאורך זמן נתפס כהתעלמות מכוונת, אי-אהבה או התנכלות אישית. כלומר, מצפים מהסמכות להתייחס. כשעובר בעל סמכות באתיופיה בשבילים – הוא אינו יכול להתעלם מהאדם האחר ואומרים שלום. ילד אתיופי שהמורה לא פונה אליו יתפוס את חוסר ההתייחסות כהתנכלות. האדם הפונה לא ייזום שאלות כלפי בעל הסמכות, אך מצפה מבעל הסמכות לשאול אותו. ישראלים נטו לא לפנות לאתיופים, בכיתה למשל, כדי לא להביך אותם, אך בכך נפלו בקוד התרבותי. לתלמיד הישראלי חשוב יותר הערך ההישגי של התשובה מאשר יחס הסמכות. לעומת זאת, לתלמיד יוצא אתיופיה חשוב יותר יחס הסמכות מאשר הערך ההישגי של התשובה (נכון/לא נכון). היחס של הסמכות מלמד.<br />
•	עלבון – הפונה אל הסמכות, מצפה שאם הוא התנהג בכבוד כלפי הסמכות במילים ובשפת גוף, הסמכות לא תעליב אותו. התרבות מושתתת על מושג הכבוד – ואחד הרגשות הדומיננטיים הוא עלבון, פגיעה מצד הסמכות. האדם מצפה שבעל הסמכות לא יפגע בו. עלבון יכול להתרחש בשפת גוף כמו קריאה לאדם ע"י סימון באצבע (כגון, קריאה המקובלת לאנשים נחותים או כלבים ולא רצויים ע"י האדם שפונה לסמכות). אם בעל הסמכות רוצה להתייחס בכבוד הוא צריך לקרוא לאדם ע"י נפנוף היד כלפי מטה. שפת הגוף בתרבויות שונות מתפרשת באופנים שונים. פעם בכבוד ופעם כעלבון. ביטוי נוסף לעלבון הוא הרמת קול. עצם הדיבור בקול רם אל מישהו היא מקור לעלבון באתיופיה. עלבון חריף במיוחד הוא עלבון בפני קבוצה. להעמיד אדם בפני קבוצה ולהעליב אותו, יהיה דבר חמור ביותר. בישראל, התרגום של עלבון השתנה. עלבון מילולי שהתרחש היה כינוי "כושי" לאתיופי. המושג לא נחשב ניטראלי בעיני הקהילה האתיופית, וצריך לזכור לכינוי יש גם משמעות נוספת, מעבר למשמעות הניטראלית: כושים = עושים את העבודה השחורה, עבדים, פחות כבוד ונחותים. עלבון נוסף שהתווסף בישראל – דיבורים בדימויים. "אני מדברת אליך כמו אל קיר" – דימויים שלא מובנים ע"י בני הקהילה. בישראל, התגבר מאוד החשש מפני עלבון בפני קבוצה – כיוון שהישראלים לא חשים ברגישות הסיטואציה. התגובה לעלבון באתיופיה, עפ"י קוד הכבוד, היא איפוק. הציפייה היא שהאדם יספוג את העלבון בשקט ולא יסגיר את הכעס, אבל יחזיר במעשה בשעת הכושר הראשונה.<br />
הסימנים המילוליים המזעריים לכעס על עלבון זה אמירות כמו: "יהיה רע", "לא רוצה לעשות בעיות" – סימני איפוק תגובה. במקרים קיצוניים של השפלה בפני קבוצה, עשויים לגרור את האדם לפגוע במשפיל/ה, ואם לא – לפגוע בעצמו. התרחשו, במקרים קיצוניים, התאבדויות בעקבות עלבון (אי אפשר לפגוע במשפיל ואי אפשר לחיות בהשפלה). פגיעה במשפיל יכולה להיות להכות באבן. התפיסה היא שמרגע ההתפרצות, האדם לא שולט בעצמו – ולכן עדיף לא להגיב במילים אליו אלא להחזיק אותו. התגובות קיימות גם בישראל, אם כי עם הזמן החלו להיספג גם תגובות "ישראליות".<br />
•	אפליה- מדמות הסמכות מצופה לא להפלות. אפליה נתפסת הרבה פעמים כ"אתה לא אוהב אותי". לא שוכחים מקרים של פרוטקציה – שמים בבטן. בישראל, עלולים לקשר את האפליה לצבע העור, שוליות חברתית ותחושת קיפוח. השוני והזרות עלולים להתפרץ.<br />
"האתיופי המפתיע והמורד" – אי הבנה מתמשכת בין הסמכות לבין האדם, אי עמידה בציפיות מהסמכות, מתבטאים בסופו של דבר בהתפרצות זעם ותסכול, והפסקה של שיתוף פעולה. בישראל, זה בא לידי ביטוי במשמעות של "פתאום!" – התפרצויות פתאומיות. פתאום מחלקה שלמה של אתיופים בצבא מתיישבת ולא נענית לפקודה, פתאום הילד מרים אבן ומכה כדי להרוג. קשה לזהות את הסיבה להתפרצות. התגובה לעלבון היא הרי "פנים חתומות" ואיפוק, שלבסוף הגיעו למצב של אמון שנשבר. ההתפרצות יכולה להתרחש זמן רב אחרי העלבון ואי מילוי הציפיות. כשמתרחש שבר בציפיות מהסמכות, האדם לא מוכן לשום פשרה. בשביל פשרה צריך שמאגלה = מתווך. אדם שנפגע מסמכות ולא יכול לפגוע בו (עקב מעמדו) יכול לבחור ב"עזיבת השדה" – ניסיון לעבור למקום אחר.</p>
<p>דוגמא לחברה מורכבת/ תרמילאים ישראליים- החברה הישראלית:<br />
רקע על החברה הישראלית: החברה הישראלית מונה כ-6.5 מיליון אנשים. 80% יהודים ו-20% ערבים ומיעוטים אחרים: קבוצות נוספות של צ'רקסים, נוצרים, דרוזים, בהאיים. בישראל יש עדות. המונח "עדה" לא קיים בשאר המדינות. בחברה הישראלית קיימות "קבוצות אתניות" (Ethnic Group) – המונח הכי קרוב למונח עדה. "עדה" היא מונח ייחודי לישראל שנבע מאבות היישוב הציוני. הם ניסו לבטל את ההבדלים האתניים, התרבותיים. היה רצון לומר שכולם באים מאותו מוצא –קבוצות אתניות בעולם, לא שייכות לאותו עם. היה ניסיון לחבר את כולם תחת "העם היהודי". האנתרופולוגים התגייסו לחזק את המונח עדה לטובת הציונות. במדינה קיים "חוק השבות" – יהודים מקבלים אזרחות אוטומאטית (חוק נדיר יחסית לחוקי הגירה בעולם). במדינת ישראל קיימת תופעה של עיור אורבניזציה) – מדינה מאוד עירונית 96% מהאוכלוסייה עירונית (ההפך מאתיופיה). יש מבנה חברתי בישראל שנוצר על בסיס מהפכני שוויוני (מרקסיסטי) מבחינה חברתית, המבנה הסוציאליסטי – שהקיבוץ הפך בה דגם וסמל לשיוויון. מדינת ישראל החלה במודל מהפכני סוציאליסטי והמשיכה במודל הפרטה בדגם האמריקאי באופן חריף ביותר. ישראל הפכה אחת המדינות המובילות בפערים בין עשירים לעניים (החלה ממצב של כמעט שוויון בין שכבות האוכלוסייה).</p>
<p>תרמילאות- על הרקע הזה יש את תופעת התרמילאיות. התופעה הזאת נעה בין 35-40%.<br />
התופעה נראית לנו ברורה, אך קשה להגדירה. שני מחקרים עסקו בתופעת התרמילאות הישראלית:</p>
<p>א. מבורך (1997) – עודד מבורך, סטודנט לפסיכולוגיה שעשה דוקטורט בנושא תרמילאות, היה 3 שנים בטיול תרמילאות. הוא לקח 2 מחזורי שחרור מצה"ל מהשנים 1988, 1991 ועשה את המחקר בין השנים 1995-1991. הוא דגם 4,000 איש והעביר אליהם שאלונים מקיפים – אפיונים דמוגראפיים ואישיותיים, פעמיים בטווח של 3 שנים. בנוסף ביצע 90 ראיונות עומק. חלק היו אחרי הטיול בשאלון הראשון, וחלק יצאו לטיול יותר מאוחר. הוא אסף הרבה מידע כמותני ואיכותני. הוא חקר אותם לפני ואחרי היציאה לטיול, והשווה אותם לקבוצת ביקורת של אנשים שלא יצאו לטיול הממושך ולבסוף ניתח 1000 שאלונים הכוללים דברים על אישיות המטייל ועל הטיול.<br />
עודד מבורך גילה שמימדי התופעה הן 16.6% מהמשתחררים יוצאים לטיול הממושך, בטווח של 3 השנים הראשונות שאחרי השחרור. מכאן, שלא כולם יוצאים כמו שחושבים, אולם מדובר באחוז עצום בהשוואה לכל אוכלוסייה בעולם. לא ברור אם יש עוד מדינה שיוצאים בה כל כך הרבה צעירים למסע צעירים. המחקר נערך לפני 10 שנים וייתכן שהתופעה גברה עד היום. עודד מבורך הגדיר זאת "כטיול הממושך" תרמילאי הוא מי שיצא למינימום 3 חודשי טיול. בפועל, השכיח היה חמישה חודשים ומעלה.<br />
המאפיינים של התרמילאים ע"פ מבורך היו: * מס' הגברים והנשים היה דומה. * הרוב מטיילים במזרח אסיה (גם היום ככה). * 45% טיילו במזרח אסיה, 27% בדרום אמריקה, 24% בארה"ב. נשים יותר בארה"ב וגברים בדרום אמריקה. * אחוז גדול של בני קיבוצים, ואחוז נמוך של ערים בינוניות * הורים עם זיקה חילונית. * הנולדים בצפון אפריקה נמוך יותר- יותר מסורת ישראלית. * מס' שנות הלימוד של ההורים גבוהה יחסית. * אחוז בתי ספר עיוניים גבוה יחסית. * בעלי תעודת בגרות- מעט מהאחרים. * אחוז הגברים ששירתו כקצינים גבוהה יותר. * אחוז שהדריכו או השתתפו בתנועות נוער גבוה יחסית. * נטייה של המטיילים לאישיות המחפשת ריגושים, חוסן אישי והעדפות שינוי על- פני שימור.<br />
מבורך מצא שאנשים יצאו לטיול הממושך לא בשביל להתנתק מהמצב הביטחוני והמתח, זה סיבה מס' 2 ולעומת זאת הסיבה העיקרית היא בשביל להשתחרר מהמשפחה וחובות התפקיד המבוגר (ממצא מפתיע). המרחב המשפחתי לוחץ להיכנס לתפקידים של עובד/סטודנט, חתונה, ילדים. המטיילים רוצים לצאת למרחב אישי שבו הם יקבלו החלטות לגבי תפקידם העתידי בחברה, לעשות חיפוש עצמי לגבי מה שהם באמת רוצים. העומס והלחץ להסתדר ולהתקדם בחיים הביא צעירים לצאת לטיול ממושך, ולבצע חיפוש ובדיקה עצמית רחוק מהבית.</p>
<p>ב. יעקובסון (1987)- אנתרופולוג ומנהל בית- ספר. הוא עושה עבודה אנתרופולוגית מובהקת. יעקובסון בדק את אוכלוסיות התרמילאים ב-1986 שהגיעו לחנות "למסע". שיטת המחקר שלו הייתה תצפית משתתפת, האופיינית לאנתרופולוגים (בניגוד למבורך שעשה שאלונים). חוקרי תרבות משתמשים בתצפיות, שיטת מחקר איכותנית. יעקובסון ערך תצפיות כ-4 חודשים, 8-7 שעות ביום. לחנות מגיעים תרמילאים על מנת לקנות ציוד לטיול. החנות היא אולם גדול שמחולק למדפים לפי נושאים שונים. אין בה כסאות ויש בה שטיח מקיר לקיר – רוצים לעודד ישיבה על הרצפה. במרכז החנות יש עמוד של מטר למטר שנועדו למודעות חיפוש שותפים למסע. יעקובסון מצא שכרבע מהמטיילים מצאו כך את השותפים שלהם. הוא חקר גם את הלקוחות וגם את הצוות – מאופיין כתרמילאים לבושים ונראים אחרת (כמו מי ששבו מטיול ממושך, בעלי צמות וכו'). העובדים שהיו בעלי מאפיינים מיוחדים, לבושים לא אלגנטי. יעקובסון השתתף ב"חוגי העצה הטובה" – מפגשים דו-שבועיים של עצות שנותנים אנשי החנות למטיילים העתידיים. יעקובסון ראיין את היוצאים לטיול וחלק מהחוזרים. קל לנהל תצפית בחנות – כי כולם יושבים וכותבים הערות וכך גם הוא עשה.<br />
הממצאים העיקריים שלו קשורים בטענה המרכזית: ניתן לראות בתופעת התרמילאות צליינות מסוג מסוים (צליינות = עליה לרגל). יש מאפיינים דומים לצליינות ולכן לא צריך להתייחס לתופעה דרך תיאוריה של תיירות אלא דרך היבטי הצליינות. הוא קורא לה "צליינות חילונית", בניגוד לזו הדתית. </p>
<p>ההבדלים בין הצליין לתרמילאי:<br />
1. המטרה לשמה נועד הטיול: הצליין נע לעבר המרכזים הערכיים- תרבותיים של חברתו, הוא בא לחוות את הדת בצורה מסוימת (המוסלמים – למכה, הנוצרים – לירושלים). והתרמילאי זז בכיוון ההפוך מהמרכז הערכי של חברתו- הוא מתרחק מהמרכז אל המקומות האחרים. כלומר, רוצים להשתחרר ומחפשים את המרחב האישי.<br />
2. צליינות היא תופעה של הולכים וחוזרים. תרמילאיות היא יותר ארוכה- נשארים שם יותר </p>
<p>הדמיון בין צליינות לתרמילאות:<br />
1. מיסוד- מיסוד של תופעת הטיול הממושך – מתנועת בודדים לתנועה של המונים. תנועה מתעצמת. מלחמת ששת הימים יצרה בעולם מעין תנועה משיחית – ישראל הקטנה ניצחה את מדינות ערב החזקות. בעולם הייתה אווירה של אהדה כלפי ישראל, לא רק מצד היהודים. לארץ הגיעו אנשים להתנדב בקיבוצים, מכל העולם. התופעה הזו הביאה לארץ גם תרמילאים משווצריה, אנגליה, שכללו את ישראל במסעותיהם. התרמילאים חיו באיכות חיים בקיבוצים, חוויה כמעט דתית של סוציאליזם ומצד שני הקיבוצים זכו בעבודה חינם. בתחילת שנות ה- 70 –במפגש עימם צעירים מהקיבוץ התוודעו לתופעת התרמילאות. לאחר מספר שנים החלו גם קיבוצניקים לצאת אל העולם, בתנועה של בודדים – יצרו את המסלולים בדרום אמריקה, למשל. התנועה הזו הופכת ממוסדת עם השנים. יותר ויותר יוצאים, עד שהיא הופכת חלק מתנועה חברתית. היום מטיילים גם חבר'ה דתיים, חבר'ה עירוניים, עולים חדשים וכד'. מיוזמה של יחידים התרמילאות הופכת תנועה נורמטיבית קבוצתית כמו צליינות.<br />
כמו כן החלה תופעת קומיוניטאס – חוקר בשם ויקטור טרנר, חקר את תופעת הקומוניטאס בהקשר של צליינים ועולי רגל.<br />
* "קומיוניטאס" = תת קהילות/קבוצות קטנות שנוצרות במסע, מתגבשות ומחזיקות/נושאות את עצמן תוך שהן מפתחות נורמות משל עצמן/ קודים פנימיים בתוך הקבוצה, ומהוות מעין יחידות סגורות. יעקובסון רואה במכתבי התרמילאים חלק מתופעת הקומוניטאס, חלק מתופעת המיסוד. התרמילאים שולחים מכתבים אל החנות למטייל – מעין דף המלצות. בשגרירויות נוצרו ספרי המלצות של מטיילים. יעקובסון מספר על מכתב של בחורה שכולל מידע מפורט למה בחרה ביעד, סוגי בעלי החיים והצמחייה במסלול, האלטרנטיבות, ההכנות הדרושות ליעד בישראל וכו'. המכתב משקף את רצונה להיות חלק מקהילה, קהילה מדומיינת שנורמה אחת בה כוללת שיתוף אחרים במידע. המכתבים מחברים את המטייל לקהילה המעין וירטואלית. צורה נוספת להגדרה;<br />
* "קומיוניטאס" = התפתחות של רגש אחווה אנושי שאופייני למצב השולי בטקסים. שוליות חברתית יכולה להיות מצב בטקסים – בטקסים אתה יכול להיות באזור שוליים, בין X ל-Y. למשל, בטקסי אבל. החיים שקוברים את המת, נמצאים במעבר בין חיים עם הנפטר לחיים בלעדיו (בזמן הטקס הם נמצאים במצב ביניים). כך גם בטקס סיום לימודים עצמו – הסטודנט לא בעל תואר, אך גם לא חסר תואר. במהלך הטקס ישתנה המצב משוליים לבעל תואר. אך גם בטקסי בגרות (מילד לגבר), בר-מצווה, נישואין, גם התרמילאים נמצאים במצב של שוליות חברתית. התרמילאים כבר לא נמצאים במרכז החברתי שלהם (ישראל) אך גם לא נמצאים במרכז החברתי של הארץ בה הם מטיילים. בתוך תהליך המסע, יש קיום בשוליים של שתי החברות (בישראל ובאזור הטיול). המצב הזה דומה למצב הצליינים העולים למכה לשם – בדרך למרכז הערכי שלהם. המטייל נמצא במצב של שוליים, כי הוא לא שייך לנורמות החברתיות של ארץ המוצא ולא בנורמת ארץ היעד, הם "בין לבין" מצוי בדמדומים , נדמה לנו שאם אנו לא בחוק של ישראל גם החוק של הודו לא תקף עלינו. ההתמסדות של קבוצות של מטיילים מתרחשת בקונטקסט של שוליות, לימינאליות. הקומוניטאס מצביע על המיסוד, שהוא מאפיין הדומה לצליינות.<br />
2. הכנות למסע- כמו בצליינות, ההכנות למסע רבות. יעקובסון מתייחס להכנות בהרחבה. הכנות למסע קיימות בחברות רבות. חוקרת בשם ברברה מאייראוף חקרה אינדיאנים משבט "ההויכול" ומצאה שיש להם דרך מסוימת של התבגרות שבתוכה יש מסע של 50-45 יום. המסע הוא ארוך וכרוך בהרבה הכנות. גם בתרמילאות יש המון הכנות. בחנות יש חשיפה להמון חומר קריאה. אנשים מתעדים המון תיאורים של חוויות ומשתתפים בחוגי "עצה טובה" – המתקיימים בחנות פעם בשבוע. מטיילים עתידיים קוראים ספרים לגבי המקומות ולומדים שפה – יוצרים קטלוג מלא של המקומות. יעקובסון מוצא כי אינטנסיביות של הכנות גדלה חודש וחצי לפני נסיעה : אנשים מכינים ויזות, מט"ח, רישיון בינ"ל, נפרדים מחברים, משאירים רשימת שגרירויות וסוכנויות דואר, קונים תרמיל. יש כללים מה לוקחים ומה לא – "תחשוב מה אתה צריך וקח חצי" – מעט בגדים, רשימת כתובות, מוצרי היגיינה, קסטות מוסיקה ישראלית. יעקובסון רואה במסע נשיאה של ליבת תרבות המוצא אל ארץ היעד. ההכנות מרובות, כך שהמטייל יודע את כל הסכנות הכרוכות בכל אתר ואתר. רוב המטיילים מסרבים להודות שהם עשו הכנות מרובות כל כך.<br />
מאפיין נוסף של ההכנות הוא הרצון לנסוע לזמן בלתי מוגבל. 68% אמרו שהם לא יודעים את זמן החזרה. בפועל הסתבר שרובם יודעים שהם חוזרים לעבודה/לימודים (שהזמן סוכם מראש). זה לא שקר אלה אשליה של נסיעה לזמן הבלתי מוגבל עוזרת לניתוק ולפתיחות כללית כלפי עצמם וכלפי דברים שהם רוצים לבדוק בטיול.<br />
3. אורך המסע- משותף לתרמילאים וצליינים שהמסע הוא ארוך יחסית, ברוב המקרים גם הצליינים והתרמילאים יוצאים למסע לא קצר. אצל עודד אמרו מינימום שלושה חודשים ובפועל 5 חודשים ויותר.<br />
4. סיכון- המסע מסוכן בשני המקרים, גם בצליינות ותרמילאות יש סיכונים: פגעי טבע, מידי אדם, סיכונים פיזיים- סיכונים שקורים או שאני מדמיין אותם.<br />
5. מערכת מיתוסים- מתפתחת מערכת אדירה של ספרות, אגדות, פולקלור – כמו בכל תנועת המונים. מיתוס = עלילות, אירועים, התרחשויות שקושרות עצמן לעניינים חברתיים ואנושיים הקשורים במסע. המטרה – העברת מסר ומשמעות. טרנר ואשתו חקרו את מערכת המיתוסים שמתפתחת בצליינות. כשבודקים את העובדות, מסתבר שמספר האירועים החריגים (התאונות) במסע תרמילאות הוא דומה לחלוטין למספר של אירועים חריגים בטיול תיירות רגילה. בעיתונות מתפרסמים יותר סיפורים לגבי התרמילאות, כחלק מהמיסוד. מתפרסמים יותר סיפורים על הודו ופרו מאשר על לונדון וכד'. גם בחנות יש יותר סיפורי סיכון: שוד ואלימות, לכלוך וכו'. חלק מהמדריכים בחנות מנסים לשבור את התופעה, וחלק מדגישים דווקא את הסיפורים – התייחסות כלשהי לקיום/אי קיום הסיפורים הופכת את האדם לחלק מהמערכת. המיתוס משרת את התופעה.<br />
6. חיזוק מחויבות חברתית- יש חיזוק של המחויבות החברתית בעקבות המסע. תרמילאים ישראלים חוזרים מחויבים יותר לערכים הישראלים ("עכשיו זה יעזור לי להעריך דברים בבית, בישראל"), כך גם צליינים חוזרים יותר מחוייבים. </p>
<p>ניתן לסכם ולומר, שעל-פי יעקובסון קיים דמיון בין תרמילאות ישראלית לצליינות דתית בחברות אחרות. הפרמטרים שהוזכרו כולם מצביעים על הדמיון, אך לא על זהות. לכן יעקובסון מדגיש שתרמילאות היא צליינות חילונית. הוא מוסיף שעבור חלק מהצעירים מדובר בטקס מעבר, סמוך לשחרור מהצבא – משלב אל שלב. בעבר היה מעבר ישיר בין צבא ללימודים ומשפחה, והתרמילאות הפכה שלב ביניים מרכזי. עבור חלק מהצעירים – קיבוצניקים למשל, היה מדובר באתגר שמוביל ליוקרה חברתית. אצל חלק אחר, המסע משמש לבדיקת החשיבות של ההיבטים מחיי היומיום (ניקיון, רכב, זמן, כסף – כמה הם באמת חשובים בעבורנו). רוב האנשים תופסים את החברה הישראלית כתובענית ורוצים להתנתק במרבית זמן המסע, אך לא לעזוב לחלוטין את מעגל החיים בישראל.<br />
מדוע תופעת התרמילאות נפוצה כל כך בישראל? האם יש קשר לאופי לאומי, אישיות לאומית – אישיות של תרמילאים? האם חוויות התרמילאות מעצבת את האישיות? למה חשוב להדגיש שהיית במקום שעוד אף אחד לא היה בו? מדוע קיימת הילה סביב התופעה? מדוע התופעה מתרכזת בדרום מזרח אסיה ודרום אמריקה – מי קובע את האופנות הללו?<br />
המצב כיום? האם אנו מדברים על אותו סוג של מסע עבור אנשים? תמיר ליאון, שטוען שתופעת התרמילאות נשברת.<br />
 * יש קבוצה שעדיין מטיילת כי הם נקראים "איסתא"יים", הולכים עם תיק של ISTA אבל יש שני קבוצות אחרות שלא ברור אם אפשר לקרוא להם תרמילאים : * ראשונה "להקתיים" , אנשים שנוסעים ובאים בקטע החברתי, עוברים ממקום למקום כקבוצות, עושים ויפאסנה ועוברים ממקום למקום, באים יותר ממניע חברתי. * קבוצה שלישית היא "קרחניסטים" אנשים שבאים בשביל הסמים, היום 1/3 מאנשים נוסעים לחלוטין בשביל עניין הסמים. מגיעים ודופקים את הראש במשך 4 חודשים. יש להבין שלא מדובר במשתמשים קלים,מי שנוסע בעניי הסמים הם סמים כבדים , מתוכם 2000 איש נפגעים ו900 לא יוצאים מזה ונפגעים קשה. * קבוצה רביעית בעולם "פלאשבייקרס" תרמילאים שמסתובבים אם גאדג'טים כגון: מחשבון, מצלמה דיגיטאלית ויומן. הם צריכים 5 שקעים כדי להטעין את הגאדג'טים.<br />
הסלנגים המתפתחים: בחורות שרוצות קטע פונות לחדשים כיוון שאחרי זמן רב הם משתגעים מהסמים ולא רוצים סקס. בום עלייך – מי מתחיל בעישון. לתפקד- מי שמחלק סמים ישיבה- ישיבת סמים, מגואה לגהה, מטכ"ליסטים – מטכ"ל בארץ ובטיול הם דוחפים את כולם, ליעד הבא. כאשר מתפתחת מערכת שלמה של מיתוסים.</p>
<p>חברה מורכבת מול חברה פשוטה<br />
אנתרופולוגים בעבר חקרו חברות שקראו להם "פרימיטיביות" לאחר מכן נקרא "פשוטות". חברה פרימיטיבית באנתרופולוגיה היא חברה ללא כתב. יותר מאוחר התפתחה הבחנה בין חברות פשטות לחברות מורכבות כי המונח פרימיטיבי קיבל ערך שלילי ועברו למושג חברה "פשוטה".<br />
חוקר בשם Service מגדיר את האבחנה בין חברה פשוטה ומורכבת כך: האבחנה נעשית ע"י הרמה/הדרגה של גיבוש חברתי תרבותי. Socio Cultural Integration – נמדד באמצעות מספר הכלים והטכניקות ליצירת האינטגרציה החברתית תרבותית. ככל שיש יותר כלים ליצירת גיבוש חברתי-תרבותי, כך החברה תחשב יותר מורכבת. בחברות פשוטות יש כלי אחד, ובחברות מורכבות מספר כלים. הכלים הקשורים בשלושה עקרונות: 1. עקרון השארות. 2. עקרון החוזה. 3. עקרון הריבוד.</p>
<p>1. עקרון השארות: בחברות פשוטות הכלי היחיד לאינטגרציה חברתית הוא "עקרון השארות" = קרבה, קבוצת הקרובים. מדובר בקרובים מקרבת דם (consanguine) או קרבת נישואין (Affinial). למשל בחברת האינואיט (האסקימואים) יש רק רמת התארגנות עפ"י שארות. קרבה מתגבשת ע"י איסור גילוי עריות – הוא אוסר על הבן להתחתן עם אמו ומחייב את הבת להינשא לאחר מחוץ למשפחה הגרעינית, ואז נוצר מפגש עם אחרים בטקס נישואין. האיסור, כחלק מעקרון השארות, יוצר גיבוש חברתי-תרבותי. הקבוצה האינואיטית נקראת Band – 30-20 אנשים שמחוברים יחד בעקרון השארות.<br />
עיקרון השארות אוניברסאלי – קיים בכל החברות בעולם. לעומת זאת, שני העקרונות האחרים תמיד מתווספים ולא קיימים בכל החברות.<br />
2. עיקרון החוזה: הסכם חברתי, כתוב או בעל-פה, לארגון החברה. לא מדובר בעיקרון אוניברסאלי. ניתן להסתכל עליו גם כהסכמה חברתית, התאגדויות והתחברויות (Associations). עקרון זה לא קיים בחברות פשוטות. ישנם הסכמים שונים: פורמאליים ובלתי פורמאליים. בחברה הישראלית מסתמכים על שארות, אך גם על הסכמה פורמאלית (כמו שירות בצבא, השתייכות לארגון המורים) והסכמה לא-פורמאלית (כמו שותפות באסוציאציה יחד עם החבר'ה מהתיכון – נפגשים מדי פעם. השותפות נעשית באופן לא פורמאלי ויש בה כללים של קשרים בינאישיים). הסכמה לא פורמאלית היא מעין חוזה.<br />
יש עוד סוגים של התחברויות והתאגדויות: אסוציאציות פורמאליות ולא פורמאליות (התאגדויות) – קופת-חולים, למשל, היא התאגדות פורמאלית. תנועות נוער הן התאגדות לא פורמאלית. וועד עובדים הוא התאגדות פורמאלית ברוב המקרים, אך יש מקומות שהקשר אינו פורמאלי. דוגמאות נוספות: ויצ"ו, ההסתדרות (פורמאלי = תשלום או חתימה על טופס הסכמה ממוסדת). הסכמים אלו הופכים את החברה ליותר מורכבת.<br />
3. עקרון הריבוד/ אי שיווין- עיקרון הריבוד – סוגים שונים של ריבוד, אישי וקבוצתי.<br />
א. ריבוד אישי- היחיד הוא מעל האחרים. לדוגמה, הצ'יף – הוא מעל שאר בני השבט. ריבוד הוא אי שוויון בין פרטים או קבוצות בחברה. 3 קריטריונים לפיו אדם מעל השני: השכלה (תלמיד חכם), עושר וייחוס. ייחוס פירושו כמה דורות היו בעלי השכלה או עושר או שניהם. אדם קיבל מעמד אם הוא צאצא לשושלת רבנים, משפחת גבירים או שניהם יחד.<br />
ב. ריבוד קבוצתי – אי שיוויון הוא חברתי. למשל הקסטות בהודו – אדם נולד ומת באותה קסטה. קב' שלמה היא מתחת או מעל המדרג החברתי. יש הסכמה חברתית על עניין זה, שינוי קסטה אפשרי רק בגלגול נשמות. גם בבריטניה יש מעמדות – עליון ותחתון. על-פי החוק בבריטניה יש העברת קרקעות בירושה. האריסטוקרטיה העבירה בתים וקרקעות בירושה, ואנשים התחתנו בתוך המעמד כדי לשמור על הירושה – לכן אין כמעט ערבוב בין המעמדות. המעמד התחתון מקבל את ההעברה בירושה ללא התנגדות, כסדר חברתי. בישראל ישנן קבוצות – כוהנים ולוויים מול ישראל, אשכנזים וספרדים, בתוך החצרות חסידיות (אין מעמד שונה בין החסידויות). חברות שיש בהם עבדים יש בהן ריבוד קבוצתי, ריבוד גורם לגיבוש חברתי – הוא מחלק את החברה לרמות, שתלויות זו בזו, ולכן קיים גיבוש . בהודו יש קאסטות של מורים, חיילים אז החיילים צריכים את המורים, כי הם יוצאים למלחמה והמורים מלמדים את הילדים שלהם, יש תלות הדדית בינהם. קאסטות ומעמדות נוצרת תלות הדדית, כך נוצר גיבוש ויש יותר הדדיות כי אחד עושה למען המעמד השני.<br />
ככל שיש יותר כלים, שארים + ריבוד + חוזה כך החברה יותר ויותר מורכבת. </p>
<p>שני היבטים נוספים שמהווים דוגמה להבדל בין חברה פשוטה למורכבת:<br />
א. בחברה מורכבת יש בדרך כלל יותר קבוצות אתניות, קב' מוצא, קב' תרבות.  אין הומוגניות אתנית בדרך כלל, מבחינת קבוצת המוצא. זהו סוג של כלי לחקר חברתי, "כלי פוליטי" – מבנה הכוח של החברה. (ארגון על בסיס אתני). בניגוד לאינואיט שמאורגנים בקבוצות של משפחות בקרבה משפחתית (Band), ואין שום ארגון פוליטי חברתי נוסף. בחברה מורכבת יש מבנים פוליטיים רחבים יותר, כמו קבוצות אתניות – מוצא (ישראל, ארה"ב).<br />
ב.   הדרכים לפיתרון סכסוכים/ בתי משפט ומערכת החוק. בחברה המורכבת יש דרכים לחבר קבוצות אתניות שונות (יוצאי רוסיה ואתיופיה). החיבור של הקבוצות נעשה באמצעות מערכת החינוך, התרבות, התקשורת, הצבא, המערכת הפוליטית, המשטרה (חוק משותף ושוויוני לכולם). בחברה הפשוטה, אין כלים חברתיים – אין מערכת חינוך ממוסדת, אין פוליטיקה, צבא או משטרה. הבחנה בין חוק פרטי לחוק ציבורי:<br />
חוק ציבורי – השיטה לפיה מגוון לא קטן של עבירות מוגדרות כעבירות נגד החברה (החוק הפלילי להבדיל מחוק אזרחי). רצח, גם כאשר הוא פוגע באדם פרטי, נחשב כעבירה נגד החברה, ולכן החברה מתערבת ומעמידה את הרוצח למשפט. בחוק ציבורי למנהיגות יש כוח להתערב (משטרה, בתי משפט) ניתן לפנות גם לצ'יף. אצל האינואיט אין כוח לאף אחד לכפות החלטות. בראש כל Band עומד הדמן (Headman) – מנהיג לא פורמאלי (לא נבחר ולא ירש את התפקיד). ההדמן הוא ראשון בין שווים, משהו באישיותו (כריזמה) הופך אותו למנהיג (צייד מצליח, יכולת דיבור). לרשותו עומד רק כוח השכנוע. אדם שנעשה לו עוול, חייב לפעול כנגד עושה העוול. הכוח היחיד ברשותו הוא שכנוע. אז פיתח הובל את האבחנה בין חוק פרטי וציבורי.<br />
חוק פרטי – זוהי השיטה על פיה ההתנהגות או התנהגויות מסוימות המוגדרות כפגיעה ביחיד מחייבות פעולה כלפי הפוגע. בדר"כ כנקמה. מתאים לחברה פשוטה. לעומת זאת, בחברה מורכבת, פונים לרשויות החוק – חוק ציבורי.<br />
למשל, בחרבת האינואיט, אם נעשה לי רע כי מצאתי שאשתי התגרשה ממני והתחתנה עם מישהו אחר. יש המון סכסוכים סביב נשים, אני לא יכול להאשים את אשתי, ולכן אני מאשים את הבחור, הוא פיתה אותה, הוא לקח אותה וגנב את אשתי. יש מס' אפשרויות לפתרון הסכסוך:<br />
1.	אדם יהרוג את שכנו, וזה יהיה על-פי חוק בתוך אותה חברה. חוקר בחברה האינואיט טען שאין גבר בחברה האינואיטית שלא הרג לפחות פעם בחייו. החוק הוא הסדר חברתי, נורמטיבי, מקובל – זה לא אנרכיה. אך הסכנה שבחברות מסוימות, תתחיל בעקבות כך "נקמת דם" – כמו בחברה הבדואית. אדם רוצח, ובן משפחת הנרצח רוצח אותו וחוזר חלילה. אצל האינואיט.<br />
2.	יש אפשרות להזמין להאבקות ומי שניצח בהאבקות הפיזית, זכה/ניצח "משפטית" – החוק מאשר הזמנה להיאבקות ותוצאותיה. ההיאבקות טומנת בחובה בעיות עבור הנפגע – יכול להיות שהאדם שהוא רוצה להיאבק עמו גדול וחזק ממנו ואז פתרון זה לא רלוונטי.<br />
3.	אפשרות נוספת היא להזמין לדו-קרב מילולי. השמועה מתפשטת, ותוך יומיים-שלושה מתכנסים עשרות אנשים מהסביבה. ביום מסוים נקבע מפגש. אדם אחד מתופף כדי להגביר מתח, ואז הנפגע מעליב את השני לחתיכות בשפה האינוקטיטוט (שפת האינואיט). לתת מילולית מכה מתחת לחגורה, בדרך כלל לגבי תיאורים פיזיים/התנהגותיים. ואז השני עונה וכיוצ"ב. המנצח – כאשר אחד נתקע ואין לו מה להגיד או על-פי החלטת הקהל. הקהל מביע סימפטיה או אנטיפתיה וצד אחד מוותר. שיטה "משפטית" בחברה הפשוטה: עלבונות וקללות הדדיים. קיים גם בחברות נוספות – בחברה השחורה בארה"ב קיימים תרייסרים (דזנס Douzens), בעיקר אצל צעירים שחורים. גם בחברה היהודית במזרח אירופה, אך בניגוד לאינואיט אף פעם לא אומרים לאדם את האמת עם הוא גיבן, נמוך וכו'. ניתן לומר הכל חוץ מאשר את האמת. אפשר לקלל שתהיה עשיר כקורח" .. "שיהיה לך מחלת עור" .. לקלל שיהיה לך X ולא אומר לו שהוא משהו .<br />
יש משחק אתיופי שנקרא "אנקסלנטה במנטיה", במשחק זה מעליבים אחד את השני בחרוזים. השיפוט ע"י הקהל או שאנשים פורשים ונכנעים, התשואות מגדירות את תוצאות הדו-קרב. זו שיטה משפטית, מי שהפסיד צריך לעזוב את ה- band  ולהצטרף ל- band אחר .<br />
עולה שאלה אתנולוגית- איך אפשר להסביר את ההבדל בהתייחסות בין החברה היהודית (אסור להעליב) לחברה של האינואיט (מותר להעליב)? ככל הנראה, ביהדות, ניתן לשער, שיש ייחוס של יותר כוח למילה. המילים קדושות יותר (אומרים בעזרת השם ולא את השם המפורש). יש קדושה במילים, ובגללה לא מבטאים קללות – למילים יש כוח במציאות, כוח עצום לאמירה.</p>
<p>לסיום חברה פשוטה מול מורכבת, בחברה פשוטה יש כללים ולאו דווקא אנרכיה, יש חוקים אך פחות אלמנטים מגבשים, החברה פשוטה מכתיבה את דרך הפעולה.<br />
חשוב להדגיש שאין פה שיפוט ערכי למה טוב יותר. אם נרצה לשפוט ע"פ כמות הפשע יש יותר פשיעה בחברה מורכבת מחברות פשוטות. לא בהכרח שאיכות חיים טובה יותר בחברה מורכבת, יש לנו בחברה מורכבת יותר כלים לגיבוש חברתי ומערכות  לפתרון סכסוכים. </p>
<p>מהי תרבות:<br />
ניתן לומר שיש המון הגדרות של תרבות, נבחרה הגדרה אחת של הובל אשר הגדיר תרבות בצורה מסויימת. נבין מהי תרבות בדר"כ שבה חוקרי תרבות מייצגים וחושבים. ההגדרה לתרבות היא:<br />
"The Integrated Sum Total of Learned Behavior Traits, Characteristic of the Member of Society" (Hobel).<br />
1.	Sum total- סה"כ. תרבות היא סך הכל. כלל הביטויים של החברה. הובל הדגיש שמדובר בסה"כ, כי הוא רצה להבחין בין השימוש במילה תרבות בשפה היומיומית בציבור לבין השימוש במדעי החברה בכלל ובחקר התרבות בפרט. ביומיום "תרבותי" מתקשר לארגון אירועים (קונצרטים, הצגות, מופעים). התרבות נחשבת גבוהה ועילאית, וקשורה בעולם המוזיקה והספרות. נגריה, למשל, לא נחשבת "מקום תרבותי". הובל ניסה למנוע התייחסות לתרבות כאל דבר גבוה ועליון, נשגב, מוצלח, חינוכי, עדיף. השימוש הרווח הוא שיפוטי – תלוי בעיני המתבונן (נגריה לא תרבותית, קונצרט תרבותי). הכלל המרכזי באנתרופולוגיה הוא שנמנעים משיפוט ערכי. לכן חשוב להובל להתחיל את ההגדרה מסך הכל – תרבות היא גם סנדלרייה, בית בושת, קונצרט, אמצעים טכנולוגיים וכו'.<br />
2.	Of learned behavior traits - כלומר, התנהגות נלמדת, כל מה שקשור בלמידה. תרבות היא סך הכל של התנהגות נלמדת. כולנו יודעים שלומדים הרבה דברים, למשל שפה זה חלק מתרבות. רובנו לא קולטים כמה התרבות נכנסת לתוך החיים שלנו. כאשר מביטים מול המראה בבוקר? מה ביולוגי ולא נלמד? צבע עיניים הוא לא תרבותי, צבע עור, שיער, גובה, מבנה גוף. מה כן תרבותי? התספורת ותסרוקת, איך מתלבשים (התנהגות נלמדת) מדובר בתרבות חומרית. מבנה גוף- הוא גם פונקציה של תרבות במובן של פיתוח גוף. הפוטנציאל של הגובה ומבנה הגוף הוא לא תרבותי. אבל ההגשמה שלו היא כן תרבותית. (אם ננסה לא להאכיל ילד, יתכן שהגובה קשור איכשהו לאכילה). בועז החליט לבדוק את הקשר בין גובה לתזונה, הוא לקח 2 אוכלוסייות, יהודים ממזרח אירופה שהיגרו לארה"ב, ניו-יורק ואיטלקים מדרום איטליה והוא בחר משפחות מסוימות, מיוחדות. יהודים ואיטלקים בעלי 4 ילדים לפחות כאשר 2 מתוכם התבגרו באיטליה או במזרח אירופה (באירופה), ו- 2 לפחות באו בתור ילדים קטנים, או נולדו בארה"ב. בועז בדק את כל המשתנים ששונים בהם, אחד המשתנים היה הפרש בגובה באופן פנומנאלי, בתוך אותו ממוצע הפרש של 20 ס"מ. הפוטנציאל הגנטי היה אותו דבר, אבל כאשר הם הגיעו לניו-יורק האחים שהגיעו לפני גיל התבגרות או נולדו בניו יורק היו גבוהים ב- 20 ס"מ פלוס מאחיהם. ההשערה (פרשנות) היא שהתזונה שלהם השתנתה ולכן הם מיצו יותר מהפוטנציאל הגנטי שלהם. סטודנט בשם שפירו עשה את אותו ניסוי בהוואי, עם משפחות יפניות, אותו ניסוי בדיוק וגילה את אותו דבר, משפחות שעברו מיפן לארה"ב, השווה מתבגרים והגיע לאותה מסקנה. מסקנה- גם למבנה גוף, וגובה מדובר בפן תרבותי, הפוטנציאל גנטי אך מימושו הוא תרבותי. תזונה, גובה זה התנהגות נלמדת ומכך זה תרבות. גם המשקל, האופן בו נתייחס אליו תלוי בתרבות שלי. בתרבות אחרת יתכן, שהורדת משקל או העלאת משקל זה נתפס באורח שונה, שמן זה יפה.<br />
מוביל לשאלה מהם יחסי הגומלין בין סביבה (תרבותי) לתורשה (ביולוגיה)? האם קמטים זה לתורשתי כמו אמא או תרבותי ? מדובר באינטראקציה. האם תרבות שיזוף מבטיחה יותר קמטים? שאלות נוספות הם לגבי האינטליגנציה- כמה זה תורשתי וכמה זה סביבה? בודקים זאת ע"י מחקרים עם תאומים.<br />
שתי דוגמאות נוספות למה שנראה ביולוגי, אך הוא תרבותי:<br />
1. אוכל- אם אני מסתובבת בפיליפינים ואני רעבה כיוון שגנבו לי את האוכל, לפתע אני רואה אטליז שמרחוק נראה מגרה, אך מקרוב זה כלב- זה לא יעורר את בלוטת הרוק. כלומר, הרעב הוא לא רק ביולוגי, אלא מאוד תרבותי- אני לא אוכל משהו שאני יודעת שמבחינת תרבותי הוא לא לאכילה. אנתרופולוג יצא לעבודת שדה אצל האינואיטים ואמר שהוא אוכל את הכל, אך לא בהכרח אהב את זה. יום אחד ניגש אליו נער ממשפחה שאצלם חי ולפי החיוך הבין שיש לו משהו מיוחד ביד. הוא הסתכל וראה שזה ביצה של ציפור, למרות שאכל כבר ביצה של ציפור הוא הסתכל יותר לעומק הוא ראה עובר של ציפור לא בשל- הוא הבין שאם הוא יאכל את זה הוא יקיא- לבסוף, הבין שהוא לא אוכל הכל, יצר התרבות שלו. אם היה אינואיטי היה מבין שזה מעדן. מסקנה: אנו יצורים תרבותיים גם בהיבט האוכל.<br />
2. מין ומיניות- נראה לנו שהוא ביולוגי לחלוטין, אך מושפע מהתרבות. אנו מכירים שיש לנו הורמונים שמתחילים לעבוד בגיל מסוים והמיניות יוצאת החוצה. האם יש התערבות תרבותית? דת- הנצרות מגבילה תנוחות מיניות. הפתיחות למיניות היא שונה בין חברות, בין דתות, המודעות בחברות שונות וכו'. "הפסיכולוגיה המשווה" הוא תחום שחוקר משווה בין בעלי חיים ואנשים. בהיבט של מיניות, הפסיכולוגיה המשווה גילתה שגם דברים ביולוגיים לחלוטין מושפעים תרבותית .כיווני המחקר:<br />
א. שינוי הורמונאלי- אנו יודעים שההורמונים קובעים את ההתנהגות המינית, אך מה קורה אם מסרסים את החיה, או את האדם? משווים בין חיות לבני אדם וגילו יחס מדויק בין רמת המורכבות של החיה, לבין האדם זה ביולוגי או למידתי. כלומר, אם אני לוקח ומסרס עכבר ומאבד את העניין במין, וכך לגבי עכברה. ככל שאני עולה בסולם המורכבות של החיה,  ההשפעה על ההתנהגות הופכת להיות מורכבת יותר. לדוגמא: אם אני מסרס כלב, זה מונע תוקפנות אך לא מפסיק את החיזור. אם אני מסרסת בני אדם או קופי אדם- התמונה נהיית יותר מגוונת. כלומר, זה תלוי בגיל הסירוס: אם אני אסרס מוקדם, הם יאבדו יותר את העניין במין. אם אני מסרסת מאוחר, נוצרת התנהגות מעורבת תלוית תרבות.  ב. פגיעות מוחיות- מחקר שהוא הפוך מהעניין. קודם כשהפסקנו הורמונים פגענו בביולוגי. במקרה זה ניתן לפגוע בלמידה. למשל, לקחתי עכבר ופגעתי בלמידה, מה קורה בהתנהגות המינית? ככל שאני עולה במורכבות של החיה, התגובה היא שונה. כשאני פוגעת באזור הלמידה של העכבר, לא משתנה כלום באזור המיניות שלו. כאשר אני מגיעה לכלב או חתול ופוגעת באזור הלמידה, חלק נפגע וחלק לא. כאשר מגיעים לאדם ונפגע להם אזור הלמידה, מקבלים התנהגות מגוונת- או שגובר החשק המיני (לפעמים מאבדים מעצורים מיניים), או שמאבדים את היצר המיני לחלוטין.<br />
לסיכום: ביולוגיה מרכזית ביותר בחיות נמוכות, ומשנית בגבוהות. למידה משנית בנמוכות, ומרכזית בחיות המורכבות. למידה יותר משחקת תפקיד אצל בני אדם.<br />
כדי שאנתרופולוגים יחקרו את העניין הזה, איך הם יעשו את זה? מה נצפה למצוא? נצפה לראות כי השונות בין תרבויות תהיה עצומה. זה בדיוק מה שמצאו. המשותף בהתנהגויות המיניות- חדירה של הגבר,נטייה לקיים יחסי מין בפרטיות, ובנוסף שנוטים לקיים יחסי מין בלילה. השונה: ההתנהגות המינית חוץ משלושת הדברים האלו כל שאר הדברים שונים- מה סקסי, מה מושך. דברים אלה גם שונים בזמנים שונים. פעם נשים סקסיות נחשבו לבנות ולכן היו הולכות עם שמשיה, כיום הסקסיות נחשבות כשזופות. אני אצפה למצוא גיוון בהתנהגות המינית. ישנם הרבה התנהגויות אחרות שהם ביולוגים כגון בכי או חיוך.<br />
3.	The integrated  - הלימה, התאמה. חלקי התרבות השונים אינם אוסף מקרי, אלא יש ביניהם אינטגרציה. יש שלוש דרכים לקבל משהו חדש/ שינוי: 1. לקבל במלואו. 2. לדחות אותו במלואו. 3. לקבל אותו תוך שינויים.<br />
איך נוצרת הלימה? קבלה , דחייה או קבלה עם שיוניים. אינדיאנים לא קיבלו את הכפתורים של האירופאים, אבל הפכו את זה לעגילים או שרשראות. מה שקובע אם מקבלים / דוחים או משנים זה מה שקיים. לאט לאט, מה שקיים קובע מה יקרה פה ולאט לאט הקיים קובע ונוצרת הלימה בין המרכיבים, זה משתלב אחד בתוך השני באינטגרציה. ההלימה בין מרכיבי התרבות וחלקיה. דוגמאות להלימה זאת: ראשית, לקחו כפתורים מאירופה לאמריקה. השבטים האינדיאניים אימצו אותם כעגילים. שנית, חוק ההפלות בישראל – אין סיכוי לחוקק חוק כזה, בגלל עניין תרבותי. שלישית, זקנה במערב – במערב נהוג לשלוח זקנים לבתי אבות. אצל האינואיט יוצאים לשלג בגיל מסוים, ברגע בו אתה הופך מעמסה על המשפחה, ואז מתים. רביעית, נשים אתיופיות שמחונכות לצניעות יתקשו בתפקידי ניהול. חמישית, האינואיט אימצו את הנצרות – לא מתייחסים לאלוהים וישו הטובים, אלא לשטן שאותו יש לרצות. השטן הולם את התרבות האסקימואית. Satanic השטן הוא הדמות החשובה בתרבות האינואיטית (בעבר היו אלה אלים רעים).<br />
4.	Characteristic of members of a society – מאפיין של האנשים בחברה. מה ההבדל בין חברה לתרבות, האם זה לא אותו דבר? בקורס נשתמש במושגים לחילופין כאילו הם אותו דבר כי אין תרבות בלי חברה ואין חברה בלי תרבות בחברה האנושית. יש חברות בלי תרבות לדוגמא אצל בעלי חיות, דבורים יש להם חברה במפורש, פועלות, מלכה וכו' אבל החברה פועלת ע"פ אינסטינקט ולא תרבות, אין למידה. אצל בני אדם זה אחרת, זה מושג דומה. אבל קונספטואלית, מושגית זה לא אותו דבר, אפשרי חברה בלי תרבות ותרבות בלי חברה. חברה- קב' האנשים הבודדים היחידים האורגניזמים. תרבות- דרך החיים של מקבץ האנשים, בצורה אחרת ניתן להגדיר כדרך החיים של החברה המסוימת.<br />
לסיכום, תרבות היא "סך הכל של התנהגות נלמדת אשר נמצאת בהלימה ומאפיינת חברה מסויימת" (הובל).</p>
<p>אנתרופולוגיה (איך חוקרים תרבות)<br />
אנתרופולוגיה היא הדיסציפלינה שחוקרת תרבות. אם אשאל מהי אנתרופולוגיה וכל אחד יאמר משהו, הסיכוי גבוה שכל הגדרה תתקבל. אנתרופולוגיה היא אימפריאליסטית, ניתנת להגדרה יותר מצורה אחת, נכנסת להמון תחומים.<br />
כל אנתרופולוג עוסק במשהו/ תחום תוכן אחר. כלומר, השאלה המתבקשת היא מה המשותף לכל המאמרים והחוקרים האנתרופולוגים- שכולם צופים וחוקרים בני אדם. מחקר האדם. אנתרופוס= אדם. לוגיה= ידע / תורה.<br />
אנתרופולוגיה- מחקר האדם בכל מקום ובכל זמן. ארכיאולוגיה כוללת מחקר אדם לאחר המוות, עצמות. אנתרופולוגיה חוקרת את האדם על כל מרכיביו, הפוליטית, המדיני, הפסיכולוגי, סוציולוגי (פולשנית), כלכלי, חומרי, אומנותי.<br />
הגדרה זו לא הייתה כך בתחילת הדרך, בתחילה אנתרופולוגיה יוחסה לחקר חברות פרימיטיביות לא במובן שלילי אלא חברות ללא כתב. אך כיום זה נשמע שיפוטי ולכן יצא מכלל שימוש, מדברים על הגדרה ניטראלית. לאנתרופולוגיה שני כיוונים: אחת ביולוגית והשנייה תרבותית.<br />
	אנתרופולוגיה ביולוגית- חוקרת את האדם כחייה. אנתרופולוגיה ביולוגית חוקרת גזעים שונים, השפעת הסביבה על היבטים שונים. לדוגמא, חקר האבולוציה, השאלה במה שונה אנתרופולוגיה ביולוגית מביולוגיה? אם רוצים לחקור אבולוציה, צריך לבחון האם אני רוצה ללמוד על אבולוציה באופן כללי גם של צמחים, בע"ח ואדם אז ניגש לביולוגיה כי האדם הוא הבט אחד בלבד. אך אם אני רוצה להתמקד באבולוציה של האדם ניגש לאבולוציה של אנתרופולוגיה ביולוגית, זאת כיוון שהתרבות משפיעה על האבולוציה : באמצעות תזונה (כפי שהוצג שיעור קודם), או באמצעות חוקי גילוי עריות שזה תרבותי, משפיע על האבולוציה כי גורם לי להתחתן עם אנשים מסויימים, יש חברות שאסור להתחתן 20 דורות מצד האימא. בחברות אחרות מותר להתחתן עם הדוד, לדוגמא אצל היהודים 11% בחברה החרדית עושים זאת. החוקים התרבותיים קובעים גנטיקה ואבולוציה ואיזה מחלות יעבור (טאיי זקס), דעות קדומות משפיעות, שחור מתחתן עם שחור ולבן מתחתן עם לבן זה קובע את מעבר הגנים ואבולוציה. כדאי שאנתרופולוג ידע את החוקים על מנת לחקור אבולוציה. לסיכום, אנתרופולוגיה ביולוגית הוא ענף אחד של אנתרופולוגיה ולא נעסוק בכך בקורס.<br />
	אנתרופולוגיה תרבותית חברתית- חוקרת את האדם כיצור חברתי ותרבותי. באנגליה הדגש יותר חברתי ואנתרופולוגיה נחשבת כסוציולוגיה השוואתית ובארה"ב דגש יותר לתרבותי פסיכולוגי ועוסקים באנתרופולוגיה נטו.</p>
<p>איך האנתרופולוג חוקר תרבות? בהקשר זה צריך להבין את ההבחנה בין אתנוגרפיה ובין אתולוגיה. אתנוגרפיה – הנתונים, העובדות. אתנולוגיה – ההסבר, התיאוריה, ההבנה של הנתונים.</p>
<p>אתנוגרפיה - הנתונים, העובדות, צילום הנתונים, כלומר תיאור מפורט של תרבות מסויימת או היבט מתוכה. גם הדו"ח על התרבות נקרא אתנוגרפיה. (כלי: עבודת שדה)<br />
אתנולוגיה- זה ההסבר, התיאוריה, ההבנה כלומר הניסיון להסביר את העובדות האתנוגראפיות שנאספו. (כלי: השוואה)<br />
שני מושגים אלו לא מנותקים, אין אחד בלי השני, יש לראות זאת על קו רצף בין קוטב אחד אתנוגרפי לקוטב אתנולוגי.  מדוע אין אתנוגרפיה בלי אתנולוגיה? למה אין תיאור בלי פרשנות? בתיאורים שונים הקטגוריות משתנות, כלומר, כאשר אנחנו נחלק לקטגוריות ונציג אתנוגרפיה היא לעולם לא טהורה כי צורת הארגון שלה מלכתחילה היא כבר פרשנות. זאת אומרת כאשר אני אומר "המבנה הפיזי" של הכיתה, אני בחרתי כך. אחר יכול לבחור את המבנה החברתי / אנושי. הארגון הוא אחר, ושונה בין אנשים. תיאור נתונים בלי קטגוריות עשוי לשעמם, הקטגוריות והפרשנות היא של החוקר וע"פ השקפתו ולכן האתנולוגיה חשובה. עצם החלוקה לפרקים וקטגוריות זה אתנולוגיה. לדוגמא, מפרידים באתנולוגיה בין כלכלה ובין דת, אך בעולם בפועל אין הפרדה כזו והם שלובות זו בזו, ההפרדה היא אתנוגרפיה שכוללת פרשנות.<br />
לדוגמא: תרגום מושגים, נירוונה- איך מתרגמים אותו, יש בעיית תרגום, כאשר אני מתאר זאת אין לי דרך ולכן האתנוגרפיה כבר מלאה פרשנויות. המילה חסד בעלת קושי לתרגום לאנגלית, חסד הוא לא תיאור אתנוגרפי כי הוא כולל היבטים פרשניים.  לכן אנו מציעים שאתנוגרפיה ואתנולוגיה לא טהורים בפני עצמם ויש רצף בינהם. מהכותרת של המאמר ניתן לדעת לאיזה קוטב זה הולך.<br />
אתנוגרפיה חוקרים באמצעות עבודת שדה ואתנולוגיה באמצעות השוואה בין תרבותיות, משווה היבטים בתוך האתנוגרפיה. אתנוגרפיה זה איסוף הנתונים ואתנולוגיה זה פיתוח התיאוריות דרך השוואה בין תרבות וחברות.<br />
אנתרופולוגיה ע"פ גדי כוללת 3 מרכיבים: א. חוקר תרבות- האדם כנושא תרבותי. ב. אוסף נתונים בעזרת עבודת שדה<br />
ג. מפתח תיאוריה בעזרת השוואה בין תרבותית.</p>
<p>עבודת שדה- תצפית משתתפת, עבודה שנעשית בסביבה הטבעית של הנחקרים, יוצאים לחקור את האדם / הקבוצה במקום שהוא חיי. היתרון בצורה זו הצפייה וההשתתפות, צופה משתתף בכל הפעילויות. לא ניתן ליזום השפעה של חברות רב לאומיות על קב' ביער האמזונס אך ניתן לצאת ולחיות שם ולראות אם יש השפעה של חברות רב לאומיות על החברה הזאת. במקום לעשות ניסויים אנחנו צופים בכיוון האנושי הקיים, בתרבות האנושית ומסתמכים על אתנוגרפיה ועל השוואה בין תרבותית.<br />
•	עבודת שדה אתנוגראפית-  מחקר ממושך של חברה במקום שהיא חייה בו שנועד לאסוף אינפורמציה מפורטת ומעמיקה על אמונות רעיונות עמדות ופרקטיקות / נוהגים בחברה דרך השתתפות בפועל בחיים החברתיים בה. בתוך עבודת שדה, תצפית משתתפת- שיטת החקירה לפיה האנתרופולוג לומד וחוקר את אמונותיה ונוהגיה של קב' תרבותית באמצעות השתתפות חברתית ותצפית אישית מתוך הקהילה לאורך תקופה ממושכת. כאשר אתה משתתף אתה לומד יותר פרטים ואתה נכנס לקונטקסט. כאשר נכנסים לחברה זה יש יותר יכולת ללמוד עליה. דווקא בחברה שאתה לא מכיר יש יותר סיכויי שתלמד אותה ועליה דברים שלא היית מצליח להגיע אליהם בחברה שאתה כבר מכיר כי בחברה שלך יש לך דעות קדומות וניסיון אישי.<br />
•	חסרונות דילמות וקשיים בעבודת שדה:<br />
1.	החוקר צריך להשתלב בחברה לא מוכרת לו – איך הוא נכנס לשם? איך יוצרים קשרי ידידות שיאפשרו מגורים במקום והשתלבות מקסימאלית? כדי להיכנס לחקור כפר ערבי בצפון – איך ניצור קשרים? באילו חוגים נסתובב?<br />
2. החוקר צריך לבחור עד כמה להיות כמוהם? "Wannabe" – עד כמה הוא הופך חלק מהם ועד כמה הוא משפיע בהשתתפותו על הנעשה. זהו קושי של תצפית משתתפת – צריך להיות כמו כדי להיכנס לשיתוף בתופעה, אך מה הגבול? אף פעם האנתרופולוג לא הופך ממש "כמו" – אך עד כמה לנסות? (מאמר "קרן רחוב").<br />
3.	הלם תרבות – החוקר נכנס לחברה לראשונה וצריך ללמוד את שפתה. החוקרים, גם אלה הפתוחים בדעותיהם, עדיין ימצאו תופעות מוזרות שיהוו הלם תרבותי.<br />
4.	בעיות אתיות – בעיות מוסר. למשל, אישה כורעת ללדת בשבט אקפלה באפריקה. יש אנתרופולוג שנמצא באותו זמן בשבט. הלידה מתארכת וקשה, ולאנתרופולוג יש מכונית. הצ'יף מאמין בשאמאן שמסייע ללידה ובסגולותיו. האם האנתרופולוג יכול לצאת נגד הצ'יף והשאמאן או מצד שני להשאיר את האישה למות? כעת יש דילמה אטית, האם להציל אותה ולהסתכן בהתערבות מעבר לצפייה גם התערבות. (בסופו של דבר אשתו של האנתרופולוג הסיעה את היולדת לביה"ח והצילה אותה). </p>
<p>מחקר השוואתי בין תרבויות: אוספים את האתנוגראפיות ומשווים. מבצעים פיתוח תיאוריה על בסיס הנתונים שנאספו בחברות השונות. ההשוואה מביאה להבנה הרחבה ביותר של התיאוריה. "מרגרט מיד (Mead): התבגרות בסמואה" – חקרה התבגרות בסמואה לעומת חברות אחרות ומערביות. היא גילתה שאין אוניברסאליות בסערת גיל ההתבגרות. היא טענה בעקבות מחקרה, שבסמואה אין סערה, קיום יחסים נחשב חופשי וההתבגרות רגועה יותר. ההשוואה הביאה למסקנה תיאורטית. מספיק שהיא מראה שבחברה אחת אין מרד בגיל ההתגרות, ניתן להסיק מכך שזה לא אוניברסאלי. לכן ההנחה שלנו שזה ביולוגיה היא לא נכונה. היא הראתה שדברים מסוימים, הם נחשבים אוניברסאליים, אך הם לא. כפסיכולוגי ניתן להשוות בין שיטות טיפול בין תרבויות. פעמים רבות תהיה השערה תיאורטית שלאמונה יש אלמנט מרפא בתרבויות שונות – אחד המרכיבים המשותפים בין תרבויות העולם היא האמונה ככוח ריפוי נפשי, פסיכולוגי (רופאים, למשל, לא מכניסים לניתוח אנשים שלא מאמינים ביכולתם להירפא. צריך רצון בשביל להתעורר מהניתוח).</p>
<p>תקשורת: תקשורת נחלקת לשני סוגים: תקשורת מילולית ותקשורת בלתי מילולית.<br />
תקשורת מילולית: השפה, קיימת הרבה לפני האנתרופולוגיה. חקר השפה שייך לבלשנות ולא לאנתרופולוגיה בישראל ואירופה. בשאר העולם, חקר השפה שייך למחלקת האנתרופולוגיה.<br />
סמלים- כדי להבין שפה, צריך לדעת מה זה סמל. הלן קלר הייתה ילדה עיוורת וחרשת ולכן גם אילמת. היא גדלה במשפחה אמידה בארה"ב וזכתה לקבל טיפול ממטפלות. רוב המטפלות לא החזיקו מעמד והתחלפו. הסיבה הייתה הקושי בתקשורת – התנהגה כפרא, טעמה ומיששה מזון של כולם, זרקה חפצים, טיפסה על שולחנות. עד שבאה מטפלת שרצתה להשתמש בשיטת ה"עיצוב" ע"י חיזוקים – מניעת אוכל עד שתתנהג כשורה. להורים היה קשה להסכים לשיטה הזו, ושברו למטפלת את השיטה. בשלב מסוים המטפלת ביקשה לגור עם הלן לבד בבקתה בתחום החווה שלהם. שם היא הצליחה לחנך אותה בשיטה הזו – לאכול בסכין ומזלג, נימוסי שולחן, התנהגות בציבור. המורה רצתה גם ללמד אותה מילים – היא הקישה לה על היד דפוס מסוים של הקשות שתואמות להברות מסוימות. היא הכניסה לה את היד למעיין והקישה "מים" שוב ושוב. בשלב מסוים הגיע רגע מרגש, שאותו תיארה הלן קלר עצמה בבגרותה, שבו קלטה שהברות חוזרות על עצמן שוב ושוב, תפסה שיש קשר ("מ" במים היא כמו "מ" בשמים) – קלטה מהם סמלים. מ' הפכה עבורה סמל. ברגע זה היא הפכה לבן אדם – ברגע שבו אתה קולט מה זה סמל. אין צורך לקלוט אלפי ווריאציות שונות של דברים, אלא לקלוט את 22 הסימנים שבשילובים שונים יוצרים סמלים.  יותר מאוחר התברר כי היא אינטליגנטית והפכה להיות דמות מוכרת בארה"ב. היא והמורה כתבו ביוגרפיה וטסו ברחבי ארה"ב, וקידמו את עניין הטיפול בחירשים ואילמים מלידה. בתוך הסיפור אנו מגדירים מה זה סמל. סמל בעל 3 אפיונים:<br />
1.	תצוגתיות- משהו שמייצג דבר אחר.<br />
2.	שרירותיות – אין קשר הכרחי בין הסמל למסומל, מה שהוא מייצג. זה הבחנה מקשר איכותני<br />
הסכמה חברתית – צריך שכולם יסכימו שצליל מסוים מסמל משהו. אם נצרח "אש" בעברית באולם קולנוע אמריקאי, אף אחד לא יגיב. כיוון שאין סמל אוניברסאלי המגדיר מהו אש. זה נבדל מהסמלים הביולוגים- צווחה של ציפור בכל הארצות, נשמעת אותו דבר. לעומת זה, המילה שרפה לא עובדת. שפה מורכבת מסמלים. יש יותר סמלים בשפה המילולית מאשר בלא מילולית. </p>
<p>בהקשר לתקשורת מילולית ישנם 3 תחומי מחקר ועניין. מתוכם ב-2 יש תרומה מינימאלית ואנתרופולוגיה והשלישי נותן תרומה רחבה:<br />
1.	בלשנות תיאורית Descriptive Linguistics – תיאור של שפה ברגע מסוים. נקראת גישה סינכרונית, ללא מימד זמן. היא מתארת את השפה כפי שהיא עכשיו או לפני 20 שנה. היא לא עובדת על מימד העומק- על המימד ההיסטורי. לדוגמא: חוקי הדקדוק- מהם הרכיבים של השפה, התחביריים של השפה. תיאור השפה ברגע מסוים- כמה מילים קיימות, מהם המילים וכו'.<br />
2.	בלשנות היסטורית Historical Linguistics – גישה שנקראת דיכאונית בה הדגש הוא על תהליכים דינאמיים, מתפתחים. יש מימד זמן. למשל: איך שפות מתפרצות, מתפתחות, מתי. משאלות רחבות לשאלות מצומצמות. נושאים רחבים: מתי השפה העברית התפצלה מהערבית? איך נוצרות שפות חדשות? התייחסות למשפחות של שפות) ועד לנושאים מצומצמים: כגון מתי "לגמור" הפכה מילה גסה? מתי הפכה המילה "קול" למקובלת כשמקורה בגטו השחור בארה"ב? איך סלנג הופך לגיטימי? מאיפה יש פרשנויות שונות לביטוי "חבל על הזמן?" מתי המילה "חתיכה" הפכה מעלבון למחמאה?). בלשנות היסטורית בוחנת למה מילים מסוימות מתקבלות ואחרות לא? מדוע אנו לא קוראים לטלפון "שח-רחוק" כפי שדורשת האקדמיה? האסקימואים שנתקלו לראשונה בנשיקות על הפה המערביות קראו להן פוביצ'יק (ציוץ של עכברים).<br />
האנתרופולוגיה תורמת מידע רחב לשפות לא מוכרות ולא ידועות. היא מוסיפה מידע מתרבויות שונות, שפות שלא מוכרות במערב. דרך זה היא תורמת מידע להשוואה בין תרבותית. כל עוד שחוקרים אנתרופולוגיים חוקרים את השפה שלו, הם לא יידעו שפות אחרות. התרומה האנתרופולוגית היא הרחבת הידע.<br />
3.	יחסי גומלין בין תרבות לשפה:<br />
א. איך תרבות מעצבת שפה- השפה נענית לצרכים התרבותיים.  צריך מילים אשר יתארו דברים בכל העולם. צריך שאנשים יידעו לתקשר אחד עם השני. במילון האמריקאי יש מאות מילים שקשורות באוניות, כיוון בריטניה המון שנים הייתה מעצמה ימית. היו צריכים שמות לכל מיני תפקידים על הספינות. ב-20 שנה האחרונות השפה נענתה לתרבות בעזרת הטכנולוגיה- נכנסו מילים חדשות אשר קשורות לטכנולוגיה החדשה "שדרוג", "תוכנה" ,"באג" וכו'.. בנוסף, יש תרבות של תקשורת וממציאים מילים סביב זה: "מיסרון", "קרדיט" וכו'.. כמו כן  תרבות מעצבת שפה ע"י היווצרות דיאלקטים בתת-תרבויות, לדוגמא: בסדרה זינזאנה יש שפה של אסירים. המשטה הוציאה מילון כדי שיידעו מהי השפה: מלון- תא. דאבל- לפרוץ לבית. יש תת-קבוצות בחברה כמו אסירים, מעמד נמוך מול גבוהה וכו'.. יש להם דיאלקט- שפה משל עצמם. יש שייטענו שזה מגיע לכך שזו שפה נפרדת. יש מי שטוען שהשפה של השחורים שהתפתחה היא ממש לא אנגלית, אלא שפה אחרת. דוגמא נוספת: דיאלקטים חברתיים- בקבוצות חברתיות שונות שיש להם שפה. מישהי עשה מחקר לביטוי מילה, אשר בתרבויות שונות יש צורה אחרת של ביטוי השפה. השפה נענית לתרבות בכך שהיא הופכת להיות כלי למאבק תרבותי- פעם היה אסור לכתוב שפה זרה בתרבות שונה.<br />
ב. איך שפה מעצבת תרבות- היפותזת ספיר- וורף: שילוב של שני חוקרים שבזכותם נוצרה היפותזה הטוענת כי השפה מעצבת את דפוסי החשיבה. אנו שופכים את החשיבה לתוך המילים. המילים הם התבניות. הטענה היא שאנו רואים את העולם דרך השפה. היא קובעת את הסדר בעולם מורכב ומסובך. לדוגמא: צבעים- איך תרבויות שונות מחלקות את הצבעים? אנו מחלקים אותה בצורה מסוימת, אך יש קבוצה הנקראת האנונו שמחלקים את הצבעים רק ל-4, כאשר אחד מהם נקרא מררה שהוא מרכיב הכולל מיהו צהוב, כתום, אדום ועד הסגול. יש להם 4 צבעים בלבד.<br />
דוגמא נוספת: שבט הדני- יש לו מספרים שהם: 1,2 והרבה. כך הם רואים את העולם. מבחינתם השפה יוצרת את הצורה לפיה אנו רואים את העולם. יש ספר שנקרא "ניסה"- המתאר אישה, ניסה מדברת על 3 גברים, על היחס אליהם, על הנאמנות וכו'.. אך איך לא מוזכרת המילה אהבה? האם יש אהבה כאשר היא לא רשומה? הלן קלר אומרת שהיא לא זוכרת את עצמה כועסת,  עד גיל 5 בו היא למדה את השפה, היא זוכרת שהיא רקעה ברגל, אך לא את הרגש, כיוון שלא הייתה לה את המילה. השאלה הפילוסופית היא האם יש לנו רגשות שהן בלתי תלויות במילים? אנו רואים שהשפה יכולה לקבוע את התרבות. קבוצת לסביות אמריקאיות ניסו לשכתב את התפילות כדי שאלוהים לא יהיה גבר- היה להם קשה עם זה.<br />
לסיכום: הבסיס לכל תרבות ותקשורת, והייחוד של האדם- הוא הסמל, השימוש בסמלים.</p>
<p>תקשורת לא מילולית: מסרים המועברים שלא באמצעות שפה. זה תחום הולך ומתפתח. התפתח מהפסיכולוגיה. נושא זה הפך להיות מרכזי, אך חדש מתחום התקשורת המילולית. תחום זה פורח כיוון שללא תקשורת אין תרבות. יהיה קשה ללמד הרבה דברים. לדוגמא: כשפונים לחבר ואומרים "אני רוצה לרצוח אותך" בחיוך, האם זה כך? לא, כיוון שהחיוך שלי העביר מסר הפוך. זה אומר ששפת גוף זה דבר חשוב מאוד. בפסיכולוגיה יש מושג שאותו המציאה נועה אשכול- "שפת התנועה". באנתרופולוגיה הקשר הוא לתרבות. – בהתבוננות בשתי תמונות זהות של אותה אישה, 90% מהגברים בחרו בתמונה הימנית בה האישונים מורחבים יותר. הגברים חשבו שמדובר באותה אישה, אך בחרו בצד הימני. אישונים מורחבים משדרים ריגוש ("לעשות עיניים"). הרמז הוא תת סיפי ומשפיע על ההתנהגות. אפשר לגרום לאדם לנוע לצד אחר בחדר, לא נקשיב לו כשיעמוד בצד מסוים ונקשיב בצד אחר. יש סיכוי גבוה שהאדם ינוע בלי לדעת למה. תקשורת לא מילולית מאוד משמעותית לתרבות.<br />
חוקר בשם אפרון חקר את הנושא הזה ב-1942 – הוא צילם בפארקים ציבוריים בניו-יורק אנשים וחקר שפת גוף. מצד אחד צילם יהודים ומצד שני איטלקים. הוא מצא שהיהודי מדבר עם הידיים, אך בתנועות מהמרפק ומטה. האיטלקי מדבר מהכתפיים. בנוסף, היהודי מדבר עם יד אחת והאיטלקי את שתיהן. היהודי מניע יותר את הראש, והאיטלקי פחות ראש. היהודי יותר נוגע והאיטלקי לא נוגע. הוא בדק את זה בדור שני, דור הילדים ואח"כ בדור הנכדים של יהודים ממזרח אירופה ואיטלקים. הוא גילה כי בדור הנכדים זה מתחיל להעלם- הם מתחילים להיות אמריקאיים. </p>
<p>אפשר לבחון את התקשורת הלא מילולית בסיוע היבטים שונים בחקר שפת הגוף:</p>
<p>קירבה מרחבית- השונות הבן- תרבותית לגבי הקרבה בין בני-אדם<br />
*	מרחק אינטימי – המרחק בין שני אנשים בעלי קשר אינטימי. מהו המרחק בין בעל ואישה, בין חברה לחבר? יש הבדל בין זוגות חילוניים, חרדיים, בדואים. בתרבות מסוימת האישה הולכת 3 מ' מאחורי בעלה. מחקר שנעשה בגנים ציבוריים הראה מרחקים בין חברים. אצל חרדים האישה עולה לפני הבעל לאוטובוס. "שמירת נגיעה" היא כלל תרבותי, למשל. יש הלימה להיבטים אחרים בתרבות.<br />
* מרחק אישי/ אינטימי ("Buble") – המרחק ששומרים אנשים בעלי אותו תפקיד, מעמד, כשאנו עומדים בתור, באוטובוס. מעין "בועה" המקיפה אותנו מול שאר בני האדם (אפשר למדוד בסמ' מתי נתחיל לחוש שלא בנוח).<br />
*	מרחק ציבורי – בין בעלי תפקידים שונים בחברה במצבים ספציפיים. מרצה עומד במרחק מסוים מהסטודנט בהרצאה, ובמרחק אחר בשעת קבלה. משתנה מתרבות לתרבות – אפשר למדוד מתי איש שיווק בתרבות מסוימת מייצר קרבה ע"י המרחק ומתי הוא כבר יוצר איום (קרוב/רחוק) – מה המרחק המתאים פיזית בכל תרבות בשביל לשווק מוצר. אנשים שנוסעים/עוברים בין תרבויות צריכים להתאים את המרחק שהם שומרים מבני התרבות.<br />
 שלושת הדברים האלה מדידים, ושונים מתרבות לתרבות.</p>
<p>מגע גופני- מגע גופני עוסק באיזו מידה תרבויות שונות מכתיבות איך ועד כמה מותג לגעת באדם האחר בתוך התרבות. מהם האזורים המותרים והאסורים. ניתן לעשות השוואה בין תרבויות. כל מי שהיה במרוקו יודע שיש המון הומוסקסואלים כי הגברים הערביים ובייחוד הצפון אפריקאים הולכים יד ביד. לעומת זאת בתרבות המערבית זה נתפס לסימן של אינטימיות, אצל הערביים זה אינטימיות חברית בלבד. בתרבות ישראלית אם נראה 2 נשים אשר משלבות זרוע יד ביד לא נעשה מכך עניין, אך כאשר מדובר בגברים זה מתקבל אחרת. יש הבדלים בין המינים בתרבות המערבית וגם בתרבויות אחרים. אך אם הגברים מאוד מבוגרים, זה יראה פחות אינטימי. </p>
<p>הבעות פנים - ישנן הבעות אוניברסאליות מולדות. ישנן הבעות שמשתנות בין תרבויות ויש בהם למידה.<br />
אוניברסאלי: אושר/חיוך, כעס- גם הבעת כעס לא נלמדת. עצב, סלידה, הפתעה, רתיעה, פחד. כאשר נתנו לכל מיני שבטים הם זיהו את הפרצופים כאושר או רתיעה וכו'.<br />
חוקר בשם אקמן חקר את ההבעות האוניברסאליות, בצ'ילה ובברזיל אשר מזהים אותם פרצופים. גם בכי זה דבר מולד. התרבות מתערבת בשאלה מתי בוכים, כמה ואיך. לדוגמא בלוויות של היוואים בהם נאסר על בכי.<br />
יש רגשות אחרים שאין עליהם הסכמה בין תרבותית הקשורות בלמידה. כמו כן חקרו ברומנים סיניים/ טקסטים אם רגשות מסוימים מיוצגים ע"י אותם סימפטומים כמו בתרבות המערבית ומצאו כי  יש דמיון בהסמקה, חיוורון, זיעה קרה, רעידה, עור ברווז. אך עם זאת  יש דברים שמבוטאים אחרת – "שלחו החוצה א לשונותיהם" = בתרבות המערבית זה ייחשב זלזול, בסין הבעה כזו תחשב כהפתעה. ספיקת כפיים נחשב בסין ביטוי לדאגה או אכזבה. "גרד אוזניו ולחיו" = סימן לאושר. "עיניה התעגלו ונפתחו לרווחה" = כעס. גם אם ההבעות אוניברסאליות, יש להן ביטויים אחרים. דוגמא נוספת של איפוק וחסכונות בחיוכים- בשבט השאיין באמריקה – חוקרים חשו שם לא רצויים, כי תמיד נציג השבט הסתכל אליהם בחומרה ומעולם לא חייך. אצלנו מצופה שכשאדם פותח דלת עבורך והוא צפה לך, הוא מחייך אליך. </p>
<p>חוקי השתיקה- מתי אני שותק ומתי אני מדבר. יש חוקים של דקדוק. דקדוק של שפת גוף. מערכת כללים שאנו יודעים באופן לא מודע. סטודנט שנפגש במרצה באוטובוס – האם מצופה ממנו לדבר או לשתוק? מצופה שיאמר משהו. חוקי השתיקה הם כאלה שאפשר לשתוק רק אם יש אינטימיות מוחלטת או זרות מוחלטת. בכל רמה אחרת צריך/מצופה לדבר, להתעניין בשלומו וכו'. מדובר ברצף מאינטימיות עד זרות, באמצע מצופה ממך לדבר ואף חובה, בקצוות אתה יכול לשתוק. </p>
<p>שלושה מקורות לתקשורת לא מילולית:<br />
1.	מקור מולד – הבעות פנים ורגשות אוניברסאליות, למשל, בכי, צחוק, חיוכים, הבעות רגשות, הבעות פנים וכו'.<br />
2.	תקשורת שנרכשת ע"י חיקוי – לא מודע- אנחנו מחקים כילדים את הגדולים כמו למשל חוקי השתיקה, המגע בין המינים ובמינים לבין עצמם. מבנה הגוף מזמין צורות מסוימות (איך משלבים ידיים? איך יוצרים מגע עין? הגוף מזמין אך התרבות יכולה לעצב את זה). בתרבות האמריקאית אם אתה גבר אתה לא יכול לשבת רגל על רגל אלה רגל אחת על השנייה ב-90 מעלות, אצל המוסלמים אם תשב ככה בישיבת עסקים ותפנה את סוליית הנעל, לא תתקיים עסקה.  צורת הישיבה בתרבויות שונות משתנה, כחלק מהחיקוי. נוער בסרטים של שנות ה-50 יושבים בכיסאות בכיתה, בשנות ה-60 יושבים על הרצפה. יש המון חיקוי לא מודע, מחקים את הגדולים.  גם טון והדגשי הדיבור משתנים בין תרבויות – בישראל מדברים בטון גבוה ובצעקות בהפעלות למשל ,"לא שומעים אתכם.. לא אכלתם הבוקר", לעומת זאת, באנגליה אם תתנצל אם בנה הרעיש ברכבת. בישראל התחום הפרטי והציבורי מתערבבים. אנחנו מחונכים ע"י התרבות לדבר בעוצמות מסוימות. התרבות מעצבת. אנו לא מבקרים זאת , מדגישים שמדובר בלמידה לא מודעת.<br />
3.	למידה מודעת – שריקה, קריצה, למשל, נלמדת במודע. ילדים מלמדים ילדים אחרים לקרוץ. לחיצת יד גם היא נלמדת באופן מודע. בחור ישיבה חרדי לומד ללחוץ את יד רבו ברכות כאשר היד כלפי מעלה, או "תלחץ את היד כמו גבר", לעומת לחיצת היד של יוצאי אתיופיה.  התרבות מכתיבה, וגם מכתיבה משמעות, לומדים ללחוץ לחיצה שונה מול האדם שמולנו. המרכיב התרבותי גם בתנועות מולדות הוא מרכזי ביותר.</p>
<p>נישואין, משפחה, ושארות במבט בין תרבותי<br />
כלים אלמנטאריים: כדי להבין משפחה, יש להכיר סמלים מרכזיים בתרבות.<br />
טבלת שארות (מצגת)<br />
 =אישה.  = גבר      = (קשר נישואין A Finial),       זוג גרוש/  גירושים.<br />
קשר דם- consagunal יהיה בין צאצאים להורים= l קו אופקי. או קשר דם בין אחים ואחיות – קו אופקי [סמלים מקובלים].<br />
בעזרת הסמלים הללו ניתן ליצור טבלאות מסובכות. דוגמא: קל לראות:<br />
 הבן של הבת של הבת של האחות של אימא  שלי. </p>
<p> =  =   גבר שנשוי לשתי אחיות.<br />
  =  =   אישה שנשואה לאישה ונשואה לגבר. </p>
<p>בתרבות הסינית לסדר של הלידה יש חשיבות, אחד ראשון, שני ושלישי, נכתוב : סדר הטבלה הוא מימין או שמאל או להפך ע"פ מה שקבעתי. ניתן להסתכל על נישואים כהסכם הדדי של זכויות מוקנות, הסכם חוקי שבו כל צד קונה זכויות בבן הזוג השני, אנו מקבלים את המצב הבא, הזכויות הם לעבודה, מי עובד עבור מי, בנוסף זכויות למין וזכויות לילדים.<br />
עבודה-מין-ילדים. במערב אפריקה אישה בעלת מעמד כלכלי יכולה לרכוש אישה – היא משלמת מוהר עבורה ובנוסף לגבר שלה יש לה גם אישה, בדר"כ מבוגרות. אישה זו עובדת במקומה בדר"כ, היא מעבירה את הזכויות למין לבעלה והילדים שלה, ילדי האישה הנרכשת יהפכו לילדי הרוכשת. בדרך כלל מדובר באישה זקנה שרוכשת צעירה (בתנ"ך: שרה רכשה את הגר, אלוהים נותן זכויות למים לאברהם, נתנה אותה לאברהם והפכה לאימו של ישמעאל).<br />
* גבר שאשתו נפטרה ונשא את אחותה – גבר הנשוי לשני אחיות, אך אחת מהם נפטרה, אי אפשר לדעת אם נשא את שתיהן בו זמנית ואחת נפטרה או שלאחר פטירת אשתו הוא נשא את אחותה. תופעה כזו נקראת sororate – אחות האישה תגדל את ילדי אחותה בצורה הטובה ביותר.<br />
אפשר להוסיף בטבלה מספר נדבכים, דורות בצורה אינסופית. כל פרט בטבלה מאופיין ע"י שלל הקשרים שלו עם שאר הפרטים בטבלה (אב של... נשוי ל... בן של...).</p>
<p>מונחי שארות:<br />
EGO – האדם שמזווית הראיה שלו אנו מביטים על טבלת השארות (יסומן  או  בצבע מושחר).<br />
מספור: מתחילים למספר מהדור הכי זקן. בטבלה ממספרים את שאר הפרטים בכדי שאפשר יהיה להתייחס אליהם. </p>
<p>מספר 5- בעבור אגו הדוד מצד האם (אח של אמו), 9 - יהיה דוד מצד האבא. דוגמא לתקשורת מילולית- דוגמא לאייך תרבות מעצבת שפה, בן תרבות מערבית זה לא שונה, אבל יש תרבויות שלאנשים אלו יש מונח שונה של קרבה, רק הצד של האבא הוא צד קרובים לך למשל. אנו קוראים לאנשים מדרגות שונות באותה צורה (אח של אבא ואח של אמא ויקראו "דוד" בישראל, במקומות אחרים הם יקבלו שמות ותפקידים שונים). תרבות מעצבת שפה – ושוני בין תרבויות מתבטא בשוני בהתייחסות המשפחתית גם מבחינת שמות תפקידים.<br />
מספרים 20, 18 ייקראו אצל האשכנזים "בן דוד" ללא הבחנה, אצל הספרדים יש הבדל בין "בן דוד" ל"בן דודה" (בהתאמה למין ההורה), דוגמא לעיצוב שפה. חשוב לשים לב להבדל בין דרגות קירבה ודורות בתוך העץ המשפחתי. התרבות קובעת דברים אלו, יש תרבויות ש- EGO קורא ל- 4 , 9, 18 באותו מונח, לאנשים בעלי דרגות קרבה שונות.</p>
<p>ארבע דרגות קירבה שייקראו דוד בישראל: לאח של אבא. לבעל של אחות של אבא. אח של אימא. בעל של אחות של אמא.<br />
שיטות שארות: חברות שונות נוקטות בשיטות שונות של קרבה / דם או נישואין. בבדיקה ככל עולמית של כל התרבויות בעלום נמצאו שתי שיטות ברחבי העולם:<br />
1.	השיטה הבילטראלית (דו-צדדית) – מכירים באופן שווה בשני צידי המשפחה, כמו בחברה המערבית. אין אבחנה בין צד האם לצד האב (בטבלה, כל הקרובים הם קרובים בילטראליים מ- 1 עד 20).<br />
2.	שיטה היונילטראלית (חד-כיוונית או חד צדדית) – בשיטה כזו יש שתי תת קטגוריות:<br />
א.	פטריליניאלית – הקו של האבא.<br />
ב.	מטריליניאלית – הקו של אמא.<br />
בטבלת השארות נראה שהקרובים הפטריליניארים – עולים לגבר הראשון, ראש המשפחה, לאנשים הכי זקנים ובוחרים בה את הגבר מהצד של אגו. הוא הפטרי, ממנו מתחילים לרדת בקו. סופרים את כל הילדים של הגברים, שייכים לקבוצה הפטריליניארית (כולל הבנות). בדור הבא יכללו כל הילדים מצד הגברים וכך הלאה. הבנים והבנות של הגבר נחשבים כקבוצה פטריליניארית (בטבלה: 16, 15, 10, 9, 8, 4, 18, 17). אשתו של הגבר הראשון (בחברה שלנו – הסבתא) לא נכללת במשפחה, אחיה ואביה יגנו עליה. אין קשרים עימה כמו עם הגברים. 19+20 בחוץ כי הם ילדים של אישה.<br />
הקו המטרילינארי עובד לפי העיקרון הבנים והבנות של האישה (בטבלה: 16, 15, 14, 13, 7, 6, 5, 1) הבחנה בין בני דודים צולבים למקבילים (בפורטל). האישה הראשונה ויורדים לילדים של הנשים, כולל גברים שהם ילדים של אח לא ילדים של גברים כמו 11+12 שהם בחוץ. </p>
<p>השמות הם שונים, בחברה הערבית: אח של אבא = נקרא עם, אח של אמא = נקרא חל (השלכות לגבי הגנה וזכויות).<br />
יש הבחנה בין בני דודים צולבים לבני דודים מקבילים, כעקרון קרי שהמין של האחים הוא אותו מין.<br />
בני דודים מקבילים- הם בני הדודים שההורים הם מאותו מין, בטבלה 19-20 ו- 13-14.<br />
בני דודים צולבים- הילדים של אח ואחות. ניתן להתחתן אם בני דודים צולבים אגו יכול להתחתן עם 11 12 או אם 19 20 חשוב לחברות יונילטראליות.<br />
* בחברות בילטראליות ההבחנה הזו לא חשובה, לא קיימת, כי הדודה מצד אבא ומצד אמא זה אותו הדבר, ולכן הילדים שלהן זה אותו הדבר.  לא איכפת לנו אם בן דוד הוא מצד זה או מצד זה. כולם בשבילנו בני דודים.<br />
* בחברות יונילטראליות ההבחנה הזו חשובה כי בני דודים צולבים בחברות יונילטראליות, הם אף פעם לא קרובים שלך.  לא יכולים להיות שייכים בשום דרך! [כי אם החברה היא פטריליניאלית, אז 19 אינה קרובה של אגו ואם החברה היא מטריליניאלית – אז 11 אינה קרובה של אגו. יש לכך השלכות גם על בחירת בני זוג, לדוגמא: בחברות יונילטראליות, אין איסור להתחתן עם בן-דוד צולב, כיוון שאינו קרוב משפחה.</p>
<p>בחירת בן זוג:<br />
מכלים אלמנטאריים, וטבלת השארות נעבור לבחירת בן / בת זוג. נתחיל מהתמונה הכלל עולמית. המבט הבין תרבותי, מבט רוחב על תרבויות בעולם בהיבטים שונים. כאשר מביטים בתמונה הכלל עולמית אנו מגלים שני חוקים של בחירת בן זוג, חוקים בגדר נורמות היודות לכלל.<br />
איך בוחרים בן זוג ברחבי העולם? יש חוקים:<br />
1.	אקסוגמיה  נישואים מבחוץ. החוק שמחייב או ממליץ להתחתן מחוץ לקבוצה אליה האדם שייך (יכול להיות משפחת האב, קהילת הכפר, הקלאן וכו'  איסור גילוי עריות (Incest Taboo). לדוגמא, אסור להתחתן אם דודים.<br />
2.	אנדוגמיה  החוק המחייב/ממליץ להתחתן בתוך הקבוצה אליה האדם שייך  כגון נישואי בני דודים. איסור גילוי עריות הוא אוניברסאלי וקיים בכל העולם (חתונה בתוך המשפחה). דוגמה לאנדוגמיה – יהודי מעדיף להתחתן עם יהודיה. אצל האבורג'ינים באוסטרליה חובה להינשא לבת דודה צולבת.<br />
3.	אהבה רומנטית  יוסבר בהמשך.<br />
דוגמא לאקסוגמיה: האיסור על גילוי עריות  Incest Taboo מדובר בחוק שהוא אמוציונאלי מכולם, חוק חברתי.  ובתרבויות שונות יש דחייה מניסיון ליצור קשר כזה בתוך המשפחה – הפנמה עמוקה של האיסור (נסביר את האיסור באמצעות "הכללות אתנוגראפיות"  אתנוגרפיה- תיאור הנתונים. הכללה אתנוגראפית היא ארגון נתונים באנתרופולוגיה  בקבוצות בעלות סדר, מהם הנתונים הדומים. אין מדובר בפרשנות, אלא בתיאור הנתונים באמצעות הכללה. לדוגמא בתי מלון: לכולם יש בריכות, חדרי אוכל, קבלה ואנשי מקצוע וכו'. הכללות לאיסור גילוי עריות :<br />
1.	האיסור על גילוי עריות הוא אוניברסאלי. כלומר, קיים בכל החברות בעולם. בכל החברות אין יחסי מין בין הורים לילדיהם בכל העולם. הכללה זאת תקפה גם לגבי יחסים בין אחים ואחיות, אך לכלל הזה יש יוצאים מהכלל (בחברות בהם מותר לאחים ורצוי שיתחתנו כגון, אצל האינקה, אצל המלכים במצרים העתיקה ובהוואי חובה שאח יינשא לאחותו במשפחת המלוכה, מתוך תפיסה שלאח השני בעיני המלך יש עוצמות של כוח שיהרגו אדם פשוט (הנסיך לא יכול להינשא לבת העם. העוצמות בגופו יהרגו אותה). מדובר במקרים חריגים – רק בן/בת המלך חייבים להינשא זה לזה ורק בתרבויות הנ"ל.<br />
2.	הרחבה- בכל החברות בעולם האיסור מורחב מעבר למשפחה המיידית הגרעינית, במידות שונות. ההרחבה שונה בין החברות. כלומר מס' הקרובים או הדורות שהיא כוללת. הרחבה של האיסור מעבר לחברה המיידית. יש חברות שבן האיסור על גילוי עריות כולל 20 דרגות קרובים מדרגות שונות אצל הטרוברואנדרים (אי באוקיינוס השקט) האיסור הוא אפילו 20 דורות מצד האם. בחברות אחרות האיסור מאוד מצומצם. אצל יהודי אתיופיה – איסור גילוי עריות חל על 7 דורות לפחות. בחברה הבדואית האיסור מצומצם, יש אפשרות להינשא לבני דודים, גם ביהדות החסידית – הדוד נישא לבת אחיו, החרדים 11% נשואים אחיינית עם דוד.<br />
3.	מעבר למשפחה הגרעינית, אין קרוב מדרגת משפחה אחרת ספציפית שבכל חברה אסור להתחתן איתו. מערכת האיסורים בכל חברה היא שונה. הכללה שעוסקת באדם המסוים מעבר לתוכן, מעבר לאיסור הקשור במשפחה הגרעינית אין עוד כלל איסור. אין עוד אדם ספציפי בעולם כמו אמא או אבא או אח.<br />
4.	אין מתאם עם קרבה ביולוגית. אין קשר עם קרבה ביולוגית. כלומר, בחברה אחת אסור דרגה 7 מצד אחד ומותר להתחתן עם דוד מצד שני. קרבה ביולוגית היא לא הגורם הקובע את כללי הרחבת האיסור. כלומר, לפעמים ביהדות אפשר להינשא לקרוב שמצד אחד הוא קרוב ביולוגית (אח של אמא) הפרש של דרגת קרבה אחת, אך מצד שני קרוב בדרגה כזו מצד האב הוא איסור מוחלט.<br />
5.	תמיד יש עבירות. כלומר, אין חברה בעולם שאין בה עבירות. עבירות של אב-בת, אח-אחות נפוצות יותר מאשר אמא-בן.<br />
6.	האיסור על גילוי עריות הוא מאוד אמוציונאלי, ועומד בכל העולם בראש סולם האיסורים. ההסבר לתופעות הנ"ל - איסור גילוי העריות אוניברסאלי ורווח בכל העולם.</p>
<p>כעת נעבור לאתנולוגיה, להסברים מדוע? איך נסביר את העובדה שאיסור לגילוי עריות נפוץ בכל העולם, קיים בכל העולם וכל כך מוכלל.<br />
	תיאוריה אינסטינקט מדחייה. יש נטייה לא לקיים יחסי מין עם בן הקבוצה או בתוך המשפחה. אולם, איך בחורה יהודיה יכולה להיות עם דודה ובחורה טרומבריאנית יכולה להינשא מאינסטינקט לדוד מצד אחד ולא אחר? פה אנו טוענים שאינסטינקט הוא לא אוניברסאלי.<br />
	ייתכן הסבר ביולוגי/גנטי – יוולדו ילדים לא בריאים. אם זהו ההסבר, האיסור היה צריך להיות במתאם עם הקרבה הביולוגית (עם ההתרחקות הביולוגית האיסור צריך היה לפחות ואין זה כך). כל בני אדם בכל העולם מכירים בסכנות הביולוגיות, יודעים עליהם ובגללם הם יצרו את האיסור. אנחנו מניחים שכל החברות מכירות אך זה לא נכון. למשל בחברה הטרומריאנית מאמינים שתפקיד הגבר בהולדה הוא לפתוח את הילד ביחסי מין לפני הרוח שנכנסת והיא הסיבה לילד. תפקיד הגבר הוא לא גנטי ולא ביולוגי. יתרה מזאת יש תרבויות כגון בדואיים שטוענים שעל אף שידועה הבעייה הגנטית המסורת יותר חשובה. אם אין התאמה בין האיסור ובין הקרבה הביולוגית אז לא יכול שההסבר המרכזי הוא שחברות מכירות את בעיית הקרבה הביולוגיות. להסבר הגנטי תפקיד מסוים באיסור אך זה לא התפקיד המרכזי.<br />
	התיאוריה של מלינובסקי, שנתקע במלחמת העולם השנייה באיי טרובריאנד באוקיינוס השקט למס' שנים ועשה שם עבודת שדה מקיפה – טען שבמערכת המשפחתית שאמורה להיות מערכת של שיתוף פעולה לא ניתן לאפשר תחרות מינית. מדובר במערכת כלכלית שעוזרת לשרוד ולהעביר את הילדים לדור הבא וחייבים שיתוף פעולה. אם האח יתחרה עם האב על האחות, לא תתקיים משפחה ויהיו רציחות. הכללות מסתדרות בהסבר זה, האיסור בעולם יקבע לפי מה שמוגדר בתרבות כקרבה משפחתית. האיסור עוקב אחרי הגדרת המשפחה של אותה חברה. תיאוריה כזו מסבירה טוב את האתנוגרפיה (הנתונים), הסבר הכי סביר. אם המשפחה מוגדרת לפי צד האם, נישואים עם צד האם יותרו. האיסור תלוי בהגדרת התרבות למשפחה. האיסור על גילוי עריות קיים בכל העולם אך הוא מיושם בכל תרבות ע"פ הגדרת המשפחה. </p>
<p>דוגמא לאנדוגמיה: נישואים מועדפים בין בני דודים בחברה המערבית המוסלמית. באנדוגמיה מחייבים או  ממליצים לאדם להתחתן בתוך אותה קבוצה. יש רצף של המלצות לנישואים בחברות שונות. בקסטה ההודית יש חובה להתחתן בתוך הקסטה.<br />
דוגמה:</p>
<p>המעמד החברתי בחברה הבריטית דומה לקסטה. אם אריסטוקרטית מתחתנת עם מישהו מחוץ למעמד תאבד את האדמות. בחרבה האמריקאית זו המלצה לעומת יהדות שזו נטייה. בחברה הערבית נשים לא יכולות להתחתן מחוץ לקבוצה, כיוון שאם כן יהרגו אותה. PCM- Parallel Cousin marriage, מדובר בנישואי בני דודים מקבילים, תופעה מאוד רווחת בתרבות הערבית, בחרבה הערבית המוסלמית, מדובר בנישואי בני דודים מקבילים. ברוב התרבותיות</p>
<p>שהחברה היא בקו של האבא (פטריליניאלית), ברוב חברות אלו 95% אחוז מבני הדודים מוגדרים כאחים. בחברה הערבית המוסלמית, תופעה זו נדדה לחברות מוסלמיות לא ערביות כגון פקיסטן או קורדיסטן ההמלצה היא, ממליצים להתחתן בנישואי בני דודים מקבילים, העדפה אנדוגמית. </p>
<p>על תופעה שקיימת בכל העולם, אוניברסאלית נשאל – האם מדובר בתופעה גנטית. אם תופעה חריגה, חשוב לשאול האם מדובר במשהו אקראי שיעלם בעתיד, מסתבר שהדפוס קיים בחברה הערבית מאות שנים – לא אקראי, ומופץ בתוך החברה למרות נדירות התופעה בעולם.<br />
דוגמה נוספת לתופעה חריגה: כת בשם shakers אסרה על יחסי מין בכלל , גם בין בעל לאישה, הם חשבו שיטרפו עליהם, האמינו שיצליחו לאסוף חברים חדשים אך היא נעלמה. מדובר בתופעה חריגה ואקראית.<br />
דוגמה נוספת, הקיבוצים יצרו מהפכה סוציאליסטית ויצרו מצב שבו ילדים קראו להוריהם בשמות הפרטיים ולא אבא או אמא, אך תופעה זו נעלמה עם השנים בדור השלישי – חריג. לעומת זאת, תופעת PCM אינה אקראית, היא קיימת כ- 1000 שנה בעלת ספרות היסטורית יפה. </p>
<p>אהבה רומנטית:<br />
השאלה עד כמה חברות לוקחות אהבה רומנטית כקריטריון לנישואין. ישנם 4  גישות המתייחסות לקיום אהבה רומנטית כבסיס לנישואין בחברות העולם, בהסתכלות כלל עולמית:<br />
	חברות בהם אין מונח כזה של אהבה – אהבה אינה קריטריון מוצהר בבחירת בן זוג לנישואין, לא מכירים נושא של אהבה רומנטית. יש נאמנות והתמדה אך רגש האהבה אינו מוכר. ניסה בושמנית, מתייחסת ל- 3 בעלים והמילה אהבה אינה מוזכרת, כך גם בחברת אינואיטים אין מונח של תחושה של אהבה.<br />
	חברות שמכירות באהבה רומנטית כדבר מאוד לא רצוי – אהבה היא סוג של שיגעון, מחלה או השתטות. למשל בחברה החרדית או הערבית. נישואים מאהבה ולא משידוך בגדר כמעט אסורים. החברה מכירה במונח אך לא כבסיס לנישואים. מחנכים מגיל צעיר שזה פסול כדי למנוע נישואים עם גויים – שייעשו מתוך אהבה ולא שידוך. החברה הערבית מכירה באהבה רומנטית כשיגעון וטירוף.<br />
	אהבה רומנטית היא נשגבת ועילאית אך לא מתאימה לנישואין – לדוגמא, האריסטוקרטיה של ימי הביניים מעמד האצולה באירופה חשבה כך. אומרים וממליצים לגברים להתאהב, צריך לכתוב שירה, לחוש את הרגש, אך כאשר מגיעים לשלה הנישואים זה לא מה שקובע אלה נישואין על בסיס כלכלי ומעמדי.<br />
	אהבה רומנטית הכי ראויה וטובה כבסיס לנישואים טובים – נישואים בחברה המערבית והישראלית, חברה המשבחת ומפארת את האהבה. בחברה המערבית התאהבות ואהבה הם הבסיס לנישואין. השאלה היא, איך ייתכן שחברה המעודדת רציונאליות בכל תחום אחר כגון לימודים, עבודה טובה, ביטוח חיים, במקביל מעודדת לא רציונאליות בנושא מרכזי כל כך בחיים של נישואין ומשפחה, איך חברה מערבית מטיפה ליפול לאהבה, לד-לוזיות.</p>
<p>נישואין- שיטות שונות של נישואין<br />
•	נישואים מונוגמים/ מונוגמיה   נישואין לבן/בת זוג אחד/אחת.<br />
•	נישואים פוליגמים/ פוליגמיה  נישואין ליותר מבן/בת זוג אחד/אחת. קיימים 2 תת סוגים:<br />
א. פוליגניה – גבר שנשוי למס' נשים, שתי נשים ויותר.  (ביגמיה היא נישואין רק ל- 2 נשים)<br />
ב. פוליאנדריה – אישה שנשואה לשני גברים ויותר (יותר נדיר). לדוגמא באריסטוקרטיה הטובטנית, או אצל ה"טודה" בהודו. הם מנמקים שם את הרציונאל בסיפוק מיני עם יותר מבן זוג אחד, כי גבר אחד לא יכול לספק אישה אחת, צריך יותר מגבר אחד לאישה. נקרא Fraternal Polyandry – פוליאנדריה של אחאות, כלומר, אישה מתחתנת בדרך כלל עם שני אחים. מצב מקביל שגבר מתחתן עם שני אחיות נקרא sororo polyandry  .<br />
ג. בתוך פוליגמיה נמצאת ביגמיה – רק 2 בנות זוג. פוליגמיה עם יותר מ-2 נשים קיימת בחברה הערבית.</p>
<p>מגורים- *  אין בהכרח חפיפה בין שיטת המגורים ובין עקרון השארות.  יש 5 שיטות מגורים ברחבי העולם:<br />
א.	השיטה הפטרילוקאלית – הכלה מצטרפת למשפחת החתן, לבית הוריו, לכפר שלו. למשל בחברה התנ"כית, הסינית, הערבית כך נהגו. כך רוב המגורים בעולם, הכי נפוץ. החתן מביא את הכלה לבית הוריו.  חברות לדוגמא: החברה הערבית, החברה התנ"כית, החברה הסינית.<br />
ב.	בשיטה המטרילוקאלית – החתן מצטרף אל משפחת הכלה (לבית ההורים, האחיות, הכפר). הכלה מביאה את החתן לבית הוריה או אחיותיה, או פשוט לכפר של הכלה. קיים בחברות מסוימות במערב אפריקה, אינדיאנים בשבט הופי- מערב ארה"ב. הכיוון ההפוך לשיטה ראשונה. התופעה יחסית במיעוט ולא נדירה.<br />
ג.	השיטה הבילוקאלית – הזוג מחליט היכן לגור, יש להם בחירה, שנתיים אצל צד האישה ולאחר מכן צד האב אך מתחיל אצל ההורים. אצל האינואיט הזוג בוחר אם לגור אצל משפחתו או משפחתה, לתקופה זמנית או לתמיד. השאיפה בסופו של דבר לעצמאות. חברה לדוגמא: האינואיט, בשנים הראשונות שלאחר הנישואין.<br />
ד.	השיטה הנאולוקלית – הזוג יוצר יחידת מגורים נפרדת – כמו בישראל, בנפרד מההורים. ההכתבה התרבותית הינה שעוזבים את בית ההורים. שימו לב: מדובר בחוק תרבותי, אך כיוון שהוא מוצלח כולנו משוכנעים שמדובר בבחירה חופשית ולא בהכתבה תרבותית<br />
ה.	השיטה האונקיולקאלית – הזוג הצעיר עובר לגור אצל הדוד של החתן (האח של האם). קיים בחברות מטריליניארית בלבד. למשל אצל הטרובריאנדרים – ששם, ממילא המתבגר עובר לדוד בצד של האימא בגיל ההתבגרות ולכן הוא מביא את הכלה לאיפה שהוא עבר לגור. בחברות האלה, האח של האם הוא הדמות המרכזית בחברה. הוא זה שאחראי לנער, הנער עובר לגור אצלו בנערותו ולכן באופן טבעי מביא את אשתו לגור בבית הזה.אם לאם אין אח – יהיה מישהו אחר שיקבל את האחריות. מרחיבים את אפשרות.</p>
<p>משפחה- המילה משפחה בשפת היום יום מכסה 2 סוגים של משפחות באנתרופולוגיה.<br />
1. יחידת מגורים – היחידה המתפקדת, היחידה הכלכלית, מה שאנו קוראים משפחה ביום-יום Family.<br />
2. יחידות שארות/ קבוצת הקרובים הרחבה יותר – יחידת/ קב' שארות kinship. כמו מוזמנים בחתונה שנקראים "משפחה". נחלק לקינדרד ולקלאן.<br />
אין חברה בעולם שאין בה את שני המרכיבים, גם משפחה וגם הכרה ביחידת שארות. בהסתכלות כלל עולמית, טיפוסי המשפחות נוצרים משילוב בין צורת המגורים וצורת הנישואין.</p>
<p>יחידות מגורים: שלושה טיפוסים של משפחות ווריאציות בתוכן:<br />
א.	משפחה גרעינית, נוקלארית  בחברות בן יש נישואים מונוגמיים (גבר נשוי לאישה אחת ולהפך), ומגורים ניאולוקאליים (יחידת דיור נפרדת) תיווצר משפחה ביולוגית, גרעינית. אנו חברה ישראלית שפועלת כך.<br />
ב.	משפחה פוליגאמית  כוללת 3 תת סוגים: מבוססת על צורות נישואין<br />
1. משפחה פוליגאנית – הבעל, 2 נשים או יותר וילדיהם.  גבר + הרבה נשים<br />
2. משפחה פוליאנדרית – האם, 2 בעלים או יותר וילדיהם. אישה+ הרבה גברים<br />
ג.	משפחה מורחבת/ רב דורית  3 סוגים (העיקרון: מגורים רב-דוריים) מבוסס יותר על המגורים, מגורים משותפים למס' דורות, הפוך לאלמנטארית.<br />
1. מורחבת פטרילוקאלית – בסיס של מגורים של כמה דורות מצד האבא. רק הגברים, הבנים של הסבא והבנות בדור הילדים הלא נשואים (כי הכלה מצטרפת לחתן בשיטת המגורים).<br />
2. מורחבת מטרילוקאלית – בסיס של מגורים של כמה דורות מצד האימא. בנים ובנות לא נשואות, סבתא בעלה מצד אמא, בנותיה הנשואות בלבד, והילדים של הבנות, גם בנים וגם בנות לא נושאים. בת תישאר, בן יעבור למשפחת אשתו.<br />
3. מורחבת אוואנקיוקלית – בסיס של מגורים של כמה דורות אצל הדוד מצד האם (יגורו אצלו הבנים של האמה וילדיהם). בנים מביאים אישה שלהם לדוד, הבנים הנשואים של אחותו של הדוד ונשותיהם, וילדים לא נשואים.<br />
* חשוב לזכור שהקטגוריות האלה הם רק קירוב למציאות: מקרה ביניים – יש אישה בקריית מלאכי שקנתה דירות בבניין בו היא גרה. בכל פעם שילדיה נישאו הם גרו בדירות שלה בבניין, כעת הם גרים ביחד בבנין במדיניות דלתות פתוחות. אי אפשר לקטלג את המשפחה בסוגים הנ"ל: מדיניות דלתות פתוחות בכל הבניין מצד אחד ועצמאות כלכלית של כל בני זוג מצד שני. המציאות שוברת את הקטגוריות, זה רק מבנים קוגניטיביים. </p>
<p>יחידות השארות  שתי שיטות שארות:<br />
	קינדרד Kindred– השייכת לעיקרון הבילטראלי- דו כיווני,קבוצת הקרובים שלי שאינם משפחה כלכלית, היא כוללת דודים, סבים, בני דודים, השארות היא משני הצדדים. הקינדרד הוא אישי כי כשאדם מתחתן, שני הצדדים עבורו נחשבים משפחה. יחידת השארות היא אישית – כשאדם משיא את בנו, הוא מזמין קרובים מסוימים לחתונה. כשאחותו תשיא את בנה, רוב הקרובים יהיו חופפים, אך יצטרפו גם כאלה שקשורים לבעלה. מכאן, לכל אדם יש קשרים אחרים. חופף בחלקו אך שונה בחלק אחר.<br />
	קלאן – שייכת לעיקרון היונילטראלית- חד כיווני. השארות היא דרך אחד ההורים. מקבל את יחידת הקרובים שלך מאחד הצדדים או מצדה של אמא או מצד האבא כלומר, מטריקלאן מצד האם או פטרילקאן מצד האב. לכל קלאן יש שם – אישה שנישאה היא שייכת עדיין לבית אביה בחברות מסוימות, ושמה משתייך לקלאן של המשפחה שלה. היא לעולם לא יוצאת מיחידת השארות.<br />
לסיכום:</p>
<p>לאן מתפתחת המשפחה העתידית: במדעי החברה מנסים לא לנבא את העתיד. ע"פ כל הנ"ל בכל זאת אפשר לנסות לחזות לאן הולכת המשפחה העתידית. איזה סוגי משפחות נראה? המשפחה הרווחת היא משפחה אלמנטארית. מה יקרה למשפחה הגרעינית עם 30% גירושין ו-11% חד הוריות? איך נתייחס לקשרים חד-מיניים, חד הורים, ידוע בציבור, קומונה, ריבוי ויחיד לא נשוי (אבסורד). לאן צועדת המשפחה המודרנית? ברור כי קיימת עדיין המשפחה האלמנטארית. אך עם זאת, יש הרבה גירושין, משפחות חד-הוריות ומשפחות חד-מיניות יש שיאמרו שזה אנומליה, שבר, לא נורמטיבי.<br />
החל מ- 2003 בסקנדינביה התחילו להתחתן נישואים חד מיניים, כיום גם בארה"ב, בישראל כיום מכירים בזכויות אך לא בנישואין.  האם מדובר בטירוף מערכות שמכריח חזרה למסורת? האם הדור מבולבל?<br />
משפחה מוגדרת כיחידה הכלכלית המתפקדת, הקשר בין הצד הכלכלי לצד המגורים. האם הסוגים החדשים של המשפחות יהפכו לגיטימיים עם הזמן או שאולי נשוב למצב של משפחה גרעינית? כנראה שעוד 50 שנה, בפעם הראשונה בהיסטוריה, מה שניבאה מרגרט מיד, יהיה לנו יותר מצורת משפחה אחת בתוך אותה חברה, יהיה ואריאציות. עדיין תהיה המשפחה הגרעינית במערב ויחד עימה יהיו צורות לגיטימיות נוספות: חד-הורית, חד-מינית, קומונה.<br />
בעוד 50 שנה, אם הנכדה תשאל "מה אהיה כשאהיה גדולה?" אז בהיבט של משפחה התשובה תהיה "מה שיהיה יהיה" – ייתכן ותלדי בן מחוץ לנישואים, תינשאי לאישה וכו' – יכול להיות שתישארי ותגורי לבד ותקראי "משפחה" (יחידה כלכלית מתפקדת) – אם מבחירה אדם בוחר להישאר לבד, ומקיים צורת מגורים מתפקדת, אפשר לקרוא לזה אולי משפחה (לפחות לפי ההגדרה).</p>
<p>תחליפים למבנה המשפחה הקלאסי באירופה: הדפוס המקובל בקריביים – אישה עם 4 ילדים וגבר מתחלף (נמצא בן חודש ל-10 שנים). לאישה יש ילדים מגברים שונים. היום דפוס כזה ייקרא בעייתי בחברות המערב, בעתיד ייתכן ויהפוך לגיטימי. גם בשכבה השחורה הנמוכה בארה"ב ישנן משפחות בהם הילדים מגברים שונים. אחוז הלידות באירופה להורים לא נשואים הוא עצום – לא חיים יחד ולא התחתנו פורמאלית. כיום האישה מנצלת את הפיליפינית, העוזרת. בכל העולם המערבי נשים עובדות 3-4שעות פחות, אבל גברים לא עובדים את כל השעות, זה הועבר למכשירים חשמליים ולעוזרות פיליפיניות.<br />
*% לידות להורים לא נשואים: באיסלנד 65%, בנורבגיה 50%, בשבדיה 56%, בבריטניה 39%. אפילו באירלנד הקתולית, שרק לפני 8-7 שנים אישרו בה גירושין, 32% מהילדים נולדים להורים לא נשואים. במדינות מסורתיות/ דתיות: כמו איטליה (9%) ויוון (4%) עדיין השיעור נמוך, אך הבחירה בסוג המשפחה הוא אישי ולאו דווקא מסורתי (ריבוי כלות בהריון).<br />
* המשפחה הגרעינית המערבית חדשה יחסית מבחינה היסטורית. יש שטוענים שעבר זמנה. למשל:<br />
•	*בספר "הסריסה" של ג'רמן גרייר (1971) מועלה רעיון המשפחה הגרעינית כתוצר של החברה התעשייתית, הקפיטליזם. המשפחה המורחבת התפרקה סביב המהפכה התעשייתית ונוצרה משפחה על בסיס ההנחה שהאישה נשארת בבית, צורכת ומנהלת את משק הבית ומגדלת ילדים. זה מאפשר לבעל להיות מפרנס יחיד או עיקרי, והאישה מטפלת ומאפשרת את עבודת הבעל.<br />
•	פרידריך אנגלס דבר על זה שהאישה במשפחה היא המעמד המנוצל, הפרולטריון, והגבר מייצג את הבורגנות (מנצל, משעבד). מרגע שהפמיניזם התקומם (שנות ה-70), האישה השתחררה מהשעבוד ונוצר מצב שאין צידוק לקיום המשפח הגרעינית המסורתית.<br />
•	עזיזה אלהיברי, חוקרת לבנונית-אמריקאית, מדברת על זה שהאימהות נראתה אחרת לפני הופעת המשפחה הגרעינית במערב: כפרים שלמים גידלו ילדים (משפחות, חמולות, שבטים). אחרי המהפכה התעשייתית הזוג מגדל ילדים – בפועל האימא. בסוף המאה העשרים התרחש שינוי נוסף – האימהות הן לא מספקות החלב הבלעדיות. חברת מזון ותאגידי חלב הצליחו לדחוק את חלב האם לטובת חלק מבקבוקים. הרחם האימהי הוא לא בלעדי לגידול ילדים: ילדים נוצרים במבחנה, רחם פונדקאי והשיבוט באופק. יחסי מין הם לא אמצעי הולדה מרכזי (בנק זרע). גברים כבר לא מפרנסים בלעדיים, ההורים אינם כבר המחנכים הבלעדיים.<br />
•	סילביה פוגל ביז'אווי, מדברת על זה שבניגוד לשנות ה-70, היום ניתן להפריד בין נישואים לבין פריון והורות. אפשר להפריד בין הורות חברתית (חינוך) והורות ביולוגית. אפשר להפריד חיים משותפים חברתיים מניהול משק בית משותף (כל אחד מבני הזוג חי בנפרד, הורים גרושים) – המהפכה של המשפחה הפוסט-מודרנית. לזה קוראים גם "שבריריות מבנית" – המשפחה הפוסט מודרנית שברירית מעצם הגדרתה, כי קיומה תלוי בנכונות הפרטיים לקיים אותה (פעם אישה לא יכלה לקום וללכת, ונשארו בגלל הצד הכלכלי). למרות הכל, בכל החברות הפוסט תעשייתיות קיימות עדיין "עבודת נשים" – אישה ממשיכה להיות במספר שעות כפול מאשר גברים בקשר למטלות הבית והילדים. נשים מקדישות בממוצע כפול זמן מגברים לכך. ההבדל המהותי בין ההווה לעבר – היום הן מקדישות פחות זמן מבעבר, למשל, בנורבגיה ב-1970 נשים הקדישו 4% שעות בשבוע בממוצע וגברים 15 שעות. ב-1990, גברים הקדישו 18 שעות ונשים הקדישו 30. העוזרת בית מחליפה את האישה במטלות הבית, כאשר רוב העוזרות במערב הן מהמזרח הרחוק (פיליפינים). האישה המערבית הצטרפה למעמד המנצל נשים מהעולם השלישי, בנוסף: 1) הטכנולוגיה והמכשור החשמלי 2) והתעצמות המזון הקפוא אפשרו לצמצם את שעות העשייה בבית. המקפיא נדרש כדי לאפשר את קיום המשפחה – ילדי מפתח.<br />
בישראל יש עמותה בשם משפחה חדשה, ע"י עו"ד אירית רוזנבלום (1999), והיא עוסקת בניסיון למפות את סוגי המשפחות בישראל ולהרחיב את ההגדרה המשפטית הקיימת. העמותה טוענת ש-40% מהמשפחות לא לגיטימיות בעיני החוק באופן מלא – בישראל יש לגיטימיות רק למשפחה הגרעינית שבה האב מפרנס ראשון והאם עקרת בית או מפרנסת שנייה, ושניהם בני דת אחת. יתר המשפחות לא נהנות מזכויות שוות ולא כפופות לחובות השמורות למשפחה הגרעינית החד-דתית.<br />
למשל, בחוקי העבודה בביטוח לאומי וקופ"ח קשה לקבל שוויון זכויות לאישה. גם כאשר הגבר מרוויח פחות, ההתייחסות היא אליו. אם המשפחה היא רב-דתית, יהיו זכויות שהמשפחה לא תקבל (נוצרי עם יהודיה). בהצעת החוק שמציע הארגון יש לכלול במושג משפחה לא רק בני זוג בוגרים נשואים וילדיהם, אלא גם כאלה שאינם נשואים ולא קשורים קשר דם שמתגוררים תחת קורת גג אחת ומנהלים משק בית משותף ויש ביניהם מחויבות הדדית לחיים משותפים (הגדרה לא קיצונית, אלא כזו המנסה להלום את ערכי החברה הישראלית).<br />
מדיניות הדיור בישראל, זכויות חינוך, מיסוי, שכר נשים – כולם מעודדים נישואים וקיום משפחה. בכל זאת, הלחץ לשינוי גובר: כל זוג שלישי מתגרש, 11% חד-הוריות.</p>
<p>אנתרופולוגיה פסיכולוגית- 5 תחומים מרכזיים של מחקר באנתרופולוגיה פסיכולוגית:<br />
מבט בין תרבותי של תהליכים קוגנטיבים	מחקר בין תרבותי של אישיות.	פתולוגיה ותרפיה.	מחקר בין תרבות של תפיסת האדם.<br />
מתודולוגיה</p>
<p>מתודולוגיה- זה לא תחום תוכן אך לכל אחת מהשיטות יש תהליך מתודולוגי אופיינית לחקור. מתודולוגיה- איך אני חוקר פתולוגיה לדוגמא, איך אני מבצע את החקירה. כעת נציג 2 דוגמאות לכל הבט. מדובר בדוגמאות לשני היבטים , כלומר דוגמאות המשרתות לתהליכים פסיכולוגים ויכולות להיות יעילות עבור אנתרופולוגים. הם מתעניינים בדברים שונים. </p>
<p>1.	תהליכים קוגניטיביים – מדובר בתחום רחב, אחד הנושאים שנעסוק בהם הוא מחקרים העוסקים בתפיסה נקרא פסיכולוגיה השוואתית, טעויות תפיסה, אילוזיות. איזה מן הקווים הנ"ל נראה קצר/ארוך יותר ? נדמה לנו שהקו עם החצים הפתוחים ארוך מהקו אם הקווים הפנימיים. פסיכולוג לא יכול לתת את ההסבר שהאנתרופולוג ייתן, כגון: תשובה האם התופעה של אילוזיות היא אוניברסאלית, האם היא כלל עולמית או ביולוגית? כלומר, אנתרופולוג העוסק במחקר בין תרבותי של תהליכים קוגניטיביים מספק לפסיכולוג מידע האם התפיסה מושפעת מתרבות או שמא מדובר בתפיסה אוניברסאלית (ביולוגית). הסוציולוג או הפסיכולוג לא מבצעים תצפית משתתפת ולכן לא יכולים להסיק על התופעה ברמה האוניברסאלית. יש רמזי עומק, שבתרבויות מסוימות תופסים אותם ובתרבויות אחרות לא. תרבויות מסוימות אינן תופסות רמזי עומק בצורה שאנחנו תופסים אותם. תפיסת עומק – ככל שהעצם גדול יותר הוא קרוב יותר. אם משהו מצויר לפני משהו אחר נקבל תשובה אחרת מהם.<br />
2.	אישיות – האנתרופולוג נותן תשובות שיעזרו למחקר הפסיכולוגי או רק לאנתרופולוגיה. שאלה: מהו המרכיב התרבותי באישיות? הפסיכולוגים לא עוסקים בזה – לא משנה מהי החברה הסובבת אלא באדם עצמו ובמבנים האישיותיים האוניברסאליים. האנתרופולוג ילמד האם המבנים האישיותיים הללו (איד למשל) אוניברסאליים, והאם הם קשורים בחברה בה גדלת. לדעתם הפסיכולוגים הממצאים שלהם תקפים לכל העולם, והם אוניברסאליים. למשל, הפסיכולוג חושב שתסביך אדיפוס הוא אוניברסאלי ולא בודק זאת. האנתרופולוגים בדקו האם תסביך אדיפוס אוניברסאלי, או למשל האם מה שאמר פיאז'ה לגבי תהליכי חשיבה והתפתחות הוא אוניברסאלי. בדקו זאת, ומספיק חברה אחת שאם נמצא שהיא חורגת – התופעה לא אוניברסאלית.<br />
* ישנן שאלות אנתרופולוגיות מובהקות שאינן מעניינות פסיכולוגים:  האם יש אישיות/אופי לאומי? האם יש עקרון מארגן ? האם יש אישיות קבוצתית? אישיות ישראלית? מחקרים כאלו פרחו אחרי מלחמת העולם השנייה – ששאלו האם יש אופי גרמני? האם יש תכונה לאומית שמאפשרת אונס המוני? המחקרים קרסו בשנות ה-60 בגלל בעייה מתודולוגית. ישראלים החווים מפגש קצר עם בני תרבות אחרת, יוכלו לתת הרצאה על האופי הלאומי של בני התרבות הללו. אישיות היא מבנה אבסטרקטי שאנו מניחים את קיומו – איך ניתן לבדוק זאת ברמה לאומית? האם יש אישיות ישראלית? ייתכן וההיבטים ייוחסו לתרבות ה"דוגרי". איך אפשר לבדוק אישיות קבוצתית? יש שני שיטות: מבחנים פסיכולוגיים תלויי תרבות (MMPI), ומבחנים פסיכולוגיים לא תלויי תרבות (רורשך). חשוב להשתמש בכלים שהם לא תלויי תרבות (להוכיח שההתנהגות הזו לא קיימת במדינות אחרות). באנתרופולוגיה משתמשים הרבה במבחן "רורשך" – מבחן לא תלוי תרבות, מבחן המכיל עשרה כתמי צבע/שחור-לבן חסרי משמעות, סימטריים שאנשים משליכים עליהם אסוציאציות. המבחן יכול להינתן לכל בני התרבויות ובאמצעותו לעלות על אישיות לאומית/תרבותית ע"י השוואה בין קבוצות. מבחן כזה הוא פחות תלוי תרבות ממבחן בשם MMPI שהוא מבחן של כ-450 שאלות, הצהרות על עצמי על אישיות החוזרות שוב ושוב – הרבה שאלות הקשורות בידע תרבותי. (בכפר בדרום אפריקה לא בהכרח שמעו על ביל גייטס, למשל. המבחן נכתב במינסוטה, ארה"ב ובודק גם יושר ועקביות (מבחן תלוי תרבות). מבחן תלוי תרבות כי יש שאלות הבודקות באופן כללי על קונצרטים או מחשבים וכו'. ההיגדים מותאמים לתרבות וגם הסיטואציה. תוכן ההצהרות הם תרבותיות, מותאמות לאוכלוסייה הנבדקת. בישראל נעשה ניסיון ע"י חוקר בשם עוז אלמוג לפענח את דמות ה"צבר"-  צורה נוספת, לחפש רמזים לאופי לאומי. בישראל בדק את הקיבוץ.<br />
3.	פתולוגיה ותרפיה – גם כאן ניתן לשאול שאלות פסיכולוגיות: מה יכול לשרת את הפסיכולוגים ע"י האנתרופולוג, יאמר להם, עד כמה נפוצה תופעה מסוימת, בתרבויות נוספות? למשל, סכיזופרניה קיימת בכל התרבויות בעולם, בצורה כזו או אחרת. אחוז הסובלים ממנה בכל העולם דומה – לא תלוי תרבות, מגלה לנו שתופעה זאת בעלת מרכיב גנטי. לעומת זאת, פסיכוזת הווינדיגו – windiggo, תופעה זו תלוית תרבות. קיימת אצל קבוצת אינדיאניות בצפון קנדה בשם "נסקאפי" – האדם מתחיל להתנהג מוזר. בהתחלה האדם מתנתק מסביבתו ורואה את האנשים סביבו הופכים לחיות אותן הוא מנסה לאכול את בשרן. בסרט "הבהלה לזהב" האיש רואה בצ'ארלי צ'אפלין עוף ענק. אצל הנסקאפי מדובר בדרך כלל בבני משפחה שנראים כמו אייל או צבי. האדם החולה רוצה לאכול את סובביו, למרות האיסור התרבותי על קניבליזם בחברה זו. מדובר בהפרעה תלוית תרבות ספציפית, ייחודית שקיימת רק באזור שם.<br />
* שאלה אנתרופולוגית: הקשר בין תרבות ופתולוגיה? התרבות מגדירה פתולוגיה דרך המושג נורמות, שמגדיר סטייה. החריג מהנורמה יוגדר כפתולוגיה – למשל, הומוסקסואליות עפ"י ה-2 DSM (הוגדרה כסטייה/מחלה (שנות ה-80). ב-3DSM הומוסקסואליות כבר אינה פתולוגיה – שינוי שהתרחש לאחר הצבעה ושינוי בנורמות (הצבעה).<br />
דוגמה נוספת: בבריה"מ, בגידה במשטר הוגדרה כמחלת נפש, מי שרצה לעזוב את המדינה, אמרו שהוא משוגע כי מדובר במשטר הטוב בעולם, רק משוגע יכול לחשוב לעזוב ולכן אשפזו אותו. התרבות מגדירה מהי נורמה וכך את הסטייה.  דוגמא נוספת, "סינדרום העבד הבורח" – בשנות ה-60 של המאה ה-19 עבד שרצה לברוח הוגדר כמשוגע – המצב הטבעי של עבד הוא לחיות אצל האדון ולרצות זאת. טיפול בחולי אסטמה היא ע"י עישון, רק לאחר מכן עישון ב-3DSM נחשב כהתנהגות של התמכרות.<br />
אין חברה בעולם שלא מספקת סוג מסוים של תרפיה – לטיפול בבעיות נפשיות. את האנתרופולוג מעניין שיטות התרפיה. דוגמה: "הרבי החסידי כמטפל" – הבט אחד משותף לרבי ולפסיכולוג קליני ששניהם מייצגים סמכות,<br />
שניהם מושפעים מאידיאולוגיה, דתית או פסיכולוגיה מערבית. ההבדלים בדר"כ בייעוץ מול הדרכה מה לעשות בפועל,  הבדל בתהליך ההכשרה בינינו. לדוגמא: אישה שבאה לרבי הסובלת מדיכאון. אשתו של הרב מכניסה לו פתק ואומרת לו שהאישה מבקשת להיכנס. הרבי מבקש מהאישה לחשוב על עשר דקות, על דקה, על 60 דקות, על 10 שעות = 600 דקות, על 600,000 דקות – נצח אינו דקה לא שנה אחת, לא מאה שנים, אלא הרבה יותר, כעת חשבי על בעייתך שנית.  האישה יוצאת עם תחושת הקלה. הרבי בעצם מטפל בה – איך ניתן להשוות את זה לטיפול מערבי אחר? במפגש עם הרבי, מפגש בו הטיפול הוא בשתיקה , שתיקה זו וההתבוננות בפרספקטיבה של הבעייה שלה מול הנצח הביאו אותה להקלה ומוציאה אותה מדיכאונה. כמו כן, יש אפשרות להשוות פסיכולוגיים עממים לטיפול קליני, למשל בכיכר המרכזית של מרקש יושבים מטפלי שיניים, מאלפי חיות, מספרי סיפורים, מוכרים וסוחרים. מתחת ל-6-5 מטריות שחורות ענקיות יושבים מרפאים. אישה ניגשת ומתיישבת עם מרפא מתחת למטריה – ואז שומעים לחשושים ורואים את קצות רגליהם מציצות מתחת. פסיכולוגיים עממים מרוקאים, האם ניתן להשוות את הטיפול הזה למערבי? האם פרטיות נמצאת בכל התרפיות בעולם? המרפא משתמש בקמעות – האם דיבוב המטופל הוא מאפיין של תרפיות בעולם? ניתן לראות פרטיות כהיבט של השוואה, אצל הרב יש פרטיות ובשוק כולם ביחד. ניתן להשוות תרפיה במדדם של פרטיות יוקרה וכו'.<br />
4.	תפיסת האדם – יש בתרבויות שונות תפיסות שונות לגבי מיהו אדם ואיך הוא מורכז, מעל לכל החלק הלא פיזי של האדם. בתרבות המערבית בחלק הלא פיזי? האם ניתן להשוות זאת לתרבות אחרת? ניתן להשוות את החלק הלא פיזי של האדם בתרבויות שונות. למשל, אפשר להשוות בין המערב לאשנטי (קבוצה אפריקאית).<br />
במערב, החלק הלא פיזי כולל את:<br />
1. הנפש – נשמה, ניתנת  ע"י הבורא ומוחזר לו לאחר המוות ומתקיים לנצח.<br />
2. אישיות – נרכשת מניסיונות בילדות ובחיים, ומאפיינת את האדם הספציפי ומשתלבת עם הנפש.<br />
אצל האשנטי, החלק הלא פיזי כולל את:<br />
1. OKRA אוקרה – דומה לנשמה, משהו שניתן ע"י הבורא, נחשב לכוח החיים ומוחזר לבורא אחרי המוות.<br />
2. NTRO נטורו – האופי והאישיות שניתנים לאדם ע"י הזרע של האבא (הזרע קובע גם גורל האדם, אופי ואישיות).<br />
3. MOGIA מוגיה – מרכיב שמועבר דרך דם האם ומהווה את האופי וייחודיות של הקבוצה של האדם. בנוסף, שומר על צורת הנשמה לאחר המוות.<br />
רואים תפיסה אחרת מהמערב של האדם. אנתרופולוגים התחילו לחקור את מושג האדם ולהשוות אותו בין תרבויות ב-20 השנים האחרונות.<br />
5.	מתודולוגיה – נכנסת לכל אחד מהתחומים הנ"ל. מותאמת למבחנים לא תלויי תרבות וכד'.</p>
<p>אנתרופולוגיה יישומית- התחום הרחב של שינוי חברתי- תרבותי מתוכנן ולא מתוכנן.<br />
	שינוי חברתי-תרבותי לא מתוכנן<br />
הנושא של שינוי חברתי לא נולד עם האנתרופולוגיה בתחילתה, במשך שנים רבות האנתרופולוגים בעבודתם התעלמו משינוי. הם עסקו לרוב "בהווה אתנוגרפי", כלומר תיאור החברה כמשהו שקורה בהווה. האתנוגרף משתמש בלשון הווה, לפעמים החברה עברה שינויים מאוד גדולים, אך האנתרופולוג לא תיאר זאת. לאחר תקופה, הוכרה הכרה בשינוי, "100% אמריקאי" – ספר על השפעות של תרבויות שונות ברחבי העולם על ארה"ב. מאמר אחר של מקדונליזציה, שניתן לראות אמריקאים בכל תרבות וכל חברה. השינוי הוא לא מתוכנן. מונחים מרכזיים של שינוי לא מתוכנן: תגלית, בדר"כ לא מתוכננת, המונח השני הוא המצאה, קצת יותר מתוכנן (דרך טובה יותר להשקעה) והשלישי הוא תפוצה/ נדידה, ההמצאה יכולה לנדוד. המצאת הגלגל עשתה מהפכה בתרבויות העולם, נודדים באופן טבעי ולא מתוכנן לתרבות אחרת. בכל מקרה בכל חברה יש שינוי, רוב התיאוריות עוסקות בקצב השינוי- מה קובע אם השינוי היה מהיר או איטי? למשל תרבות ההופי והאינואיט.  המיסיונרים הצליחו להשפיע על האינואיט במהירות אדירה, לעומת זאת על ההופי היה קשה יותר להשפיע או שהשינויים לא התקבלו. מה אפשר את הפתיחות לשינוי? ההופי, קצב האיטי בשינוי נובע מכך שהם חברה מגובשת אבל גם מסורתית, קונפורמית. לעומתם, האינואיט היא חברה אינדוידואליסטית, המעודדת יצירתיות, מספיק שאחד מקבל, אין פיקוח חברתי חריף, אין נטייה לקונפורמיות, אין מנהיג פורמאלי ומסתובבים בקבוצות קטנות – ולכן קל לאמץ את הנצרות במהירות. קונפורמיות לעומת אינדוידואליזם.<br />
אנשים יכולים לקבל את השינוי, לדחות אותו, או לקבל אותו חלקית ולשנות אותו.<br />
	שינוי מתוכנן עיקר האנתרופולוגיה היישומית (Applied Anthv.)<br />
שינוי יזום וניסיון להחדרתו לחברה מסיבות מסוימות. לאורך שנים אנתרופולוגים הסתייגו מכך, כיוון שהם לא שופטים, כאשר משנים משהו רומזים על כך שהקודם לא טוב לכן נמנעים מלהתערב. לפני האנתרופולוגיה, התבצעו שינויים מתוכננים כגון בקולוניאליזם – לדוגמא, הבריטים כאשר כבשו את הודו, ניסו לשנות את תופעת "הסאטי" (לאישה אסור להתחתן לאחר מות בעלה, בקסטות הגבוהות ביותר, שורפים את האישה חיה יחד עם בעלה המת). הבריטים נלחמו בתופעה וניסו להכחיד את המנהג ללא הצלחה. הבריטים נלחמו בפוליגניה בחברה הערבית במזה"ת (ריבוי נשים). כל אלו הם שינויים יזומים.<br />
דוגמאות: רצו שבדואיות יילקחו ללידה בבית חולים, אנתרופולוגים התבקשו להתערב ולהביא את הבדואיות בישראל ללכת בבי"ח – ליצור שינוי, בכדי להפחית תמותת תינוקות. ההמלצה היא לא לשלם ביטוח לאומי אם היילוד לא מגיע לבדיקה עם אימו תוך 4 ימים. כמו כן אנתרופולוגים התגייסו כדי ליצור מצב של יחסי מין מוגנים בהודו למניעת ילודה גבוהה. כל התערבויות אלו עומדים בניגוד לבסיס האנתרופולוגיה – שהיא צפייה בחברה מבחוץ מבלי להתערב. מכאן, האנתרופולוגיה היישומית המתערבת נחשבה "בת חורגת". התפתחה תפיסה שאנתרופולוג יכול להתערב, בה התגבש תחום של אנתרופולוגיה יישומית.<br />
תחומים בהם יש התערבות אנתרופולוגים: * טכנולוגיה חקלאית- הכנסת שינויים בחברה. איך יש לכך השלכות. תחום נוסף * בריאות- תמותת תינוקות, החדרת תרופות (איך לעבור לכדורים).<br />
	טיפול בין תרבותי – איך מטפל בן תרבות אחת בבן תרבות אחרת?<br />
"מרחב היצירה המשותפת"(גדי) = עקרון לעבודה טיפולית, פסיכולוגית וחינוכית, ייעוצית בין תרבותית. איך לבצע טיפול בין בן תרבות אחת למטופל בן תרבות שונה. לדעתו, ניתן לטפל במצב זה אם מקיימים משא ומתן כדבר מרכזי. מו"מ על תפיסות עולם, אמונות, עמדות, התנהגויות. כולל מו"מ על למידה הדדית לגבי דרכי התמודדות נפשית ואופני ריפוי.  טיפול בין תרבותי הוא לא טיפול שנעשה ע"י מערבי או אשכנזי, לא זה ולא זה, מפגש שמתקיים במרחב שהוא לא זהה לתרבויות המקור, אלה נוצר מהמו"מ המחודש.<br />
לדוגמא: יהודי אתיופיה. קוד הכבוד שלהם. אם ניגש לטיפול, בעת הטיפול ביוצאי אתיופיה יש בעיה שדיווח עליה המון יועצים שהם לא מצליחים לייצר קשר עימם, הם נושרים מהטיפול. גדי זיהה שני היבטים: קוד התקשורת עם סמכות שלא אומרים לא, ושפת גוף שונה וזה השפיע על הקשר הראשוני. בנוסף תפיסת התמודדות עם צרות וקשיי חיים בתרבות האתיופית , למשל בתרבות האתיופית * "שומרים בבטן" , לעומת תרבויות אחרות שזה נקשר ללב. כמו כן יש להם תפיסה של  * שכבות, חווה את מה שאני עושה עכשיו, "שכחה אקטיבית", הקהילה כמיכל הצרות, אני לא רק מתמודד לבד, אלא * הקהילה היא המיכל, הצרות לא נשארות אצל אותו אדם, היום אני מחר אתה. הבט נוסף, * סבלנות, כדרך התמודדות, יש להמתין שהצרות תעבורנה. אם אלו דפוסי ההתמודדות , איך ניתן לעבוד עם זה. ע"פ עקרון יצירה משותפת ניתן להתעלם מדברים שמפריעים לי, "קבלה", להתעלם מדברים צורמים אבל שלא מפריעים לי נורא למשל שמישהו לא מסתכל לי בעיניים, לקבל זאת. אני גם יכול להמליץ על אימוץ, לאמץ דברים מתרבות המטופל, אפגוש אותו בלחיצת יד אתיופית וכו'. המרחב מתקיים בשתי רמות:<br />
* רמת הסינתזה – החיבור, לקחת משהו מתרבות המטופל ולהכניס לתרבות הטיפולית של המטפל (צורת לחיצת יד המותאמת למטופל).<br />
* רמת ההמצאה – למשל, בטיפול בחלומות. בחור אתיופי הפסיק לאכול כי הייתה לו "בטן מלאה בצרות", וספר על החלום בו הוא לא מחבק את הוריו למרות המפגש אתם. אפשר לנהל את הטיפול בצורת מו"מ – המטפל יכול לשאול ולבקש מהמטופל לנסות להסביר מה זה אומר. חלום בחברה המערבית מתאר אירועי עבר ודחקים פסיכולוגיים, ואילו המטפל מנסה למצוא עם המטופל פתרונות עתידיים, שניהם מיצרים אפשרויות ניסוי לחלום, כל אחד יוצא מתרבותו, ליצור מרחב משותף ביחד. הבחור האתיופי שלא מורגש במתן פתרונות צריך להתאמץ ולהתקדם עם המטפל במו"מ.<br />
דוגמא:בפגישה בין אתיופי בן 18 הוא סיפר סיפור על מנת להדגים למה לא בטוח שיוכל לעזור, קוף התגלגל מעץ, ונפל לקוצים. הזקן מבקש לעזור לו, הוא אמר שאין לו זמן להוציא את כל הקוצים, רק את הכואב. (הכואב זה שאמו ואחיו נשארו באתיופיה). האתיופי פנה בעזרת משל, וגדי באותו אופן פנה אליו בצורת המשל וכך אפשר לו להיכנס לטיפול . </p>
<p>תיאוריות באנתרופולוגיה<br />
מטרתנו היא להבין התנהגות. חשוב מהן השאלות אותם אנו שואלים? אנו שואלים שאלות שונות בכל תיאוריה. השאלות נובעות מרקע תיאורטי מסוים, באופן מודע או לא מודע. נבחן את חוקי הכשרות בכלל, והאיסור על אכילת חזיר בפרט.<br />
האיסור קיים ורווח במזה"ת שנים רבות. כדי להבין צריך לנקוט בגישה מסוימת. מהן הגישות?<br />
א.	הגישה האבולוציונית (tyler )– תשאל, איך התפתחה התופעה? התיאוריה שלה היא שהחזיר היה כנראה חיה קדושה בחברה שקדמה ליהדות, כאשר קב' יהודיות רצו להרחיק עצמם, החזיר עבר "הרחקה" (Reaction Formation) – כולל בתוכו היפוך. החיה הקדושה הפכה מורחקת = חיה טמאה.<br />
ב.	הגישה הפונקציונאלית – סטרוקטורליסטית (מלינובסקי ורדקליף)- תשאל: באיזו צורה האיסור משרת את החברה והאדם? הגישה הפונקציונליסטית מתרכזת יותר ביחיד, נציג הגישה הזו הוא מלינובסקי (אנתרופולוג שהיה אצל שבט טרובריאנדרים).  לעומתו חוקר בשם רדקליף בראון מדבר על הגישה הסטרוקטוראלית – ואיך האיסור משרת את החברה. בשלב מסוים חברו אותם יחד. התיאוריה טוענת שחוקי הכשרות יוצרים אבחנה תרבותית וחלוקת גבולות חברתיים ברורה סביב החברה. כך נוצרת הפרדה וייחוד תרבותי (אוכל הוא אמצעי משמעותי בחברות). מטרתה להבדיל בין חברות לאחרים.<br />
ג.	הגישה האקולוגית -אקולוגיה תרבותית ( מרווין האריס) – גישה מרקסיסטית מטריאליסטית. גישה זו תשאל: מהם יחסי הגומלין בין התרבות לסביבה הפיזית, בין הכלכלה לטכנולוגיה? התיזה היא שהכל מוכתב בתרבות מהתנאים הסביבתיים, בייחוד הכלכלה והצרכים הסביבתיים. והדוגמא: למה האיסור קיים דווקא במזה"ת? במזה"ת אין תנאים לגידול חזירים (לחות, מים, בוץ). גישה כזו תטען שהמאבק על ארץ ישראל סובב סביב מקורות מים, אין. מרווין האריס יטען שהאיסור נבע מזה שאין מספיק מים במזה"ת לגידול חזירים.<br />
ד.	הגישה הקוגניטיבית (מרי דאגלס)– תשאל: איך בני החברה רואים את עולמם? מהי נקודת המבט של בני התרבות עצמם על ההתנהגויות והתופעות התרבותיות שלהם?<br />
	EMIC אימיק = (מתוך) הסתכלות מנקודת מבט של החברה עצמה, של האדם עצמו, הנחקר.<br />
	ETIC אתיק = ( מבחוץ) נקודת מבט חיצונית לחברה, של החוקר/ת. אסקימואים נקראו כך בפי האינדיאנים. הם קוראים לעצמם אינואיט (=בני האדם. כל השאר ברברים).<br />
גישה זו מנסה להבין את הדקדוק של התרבות דרך נקודת המבט של החברה עצמה, של המשתתפים בתרבות. בתוך הגישה הקוגניטיבית יש מספר גישות. אחת מהן היא "הגישה הסמלית/סימבולית" – מה מסמלות התנהגויות בתרבויות שונות? (הפוך לגישה המטריאליסטית – חשיבות לסמל ולא לטכנולוגיה, הסביבה, הכלכלה). מכאן, החזיר הוא סמל טומאה במזה"ת, עפ"י מרי דאגלס. החזיר הגיע מאוחר למזה"ת, ולכן הוא לא תאם את הסמלים המקובלים של תפיסת חיות במזה"ת – כמו מעלי גירה ומפריסי פרסה (חיות טהורות), והפך טמא. לא מתאים סמלית, החזיר מגיע אחרי ולכן הוא מעורר סלידה לעומת הפרה והכבש.<br />
ה.	הגישה הפוסט-מודרנית – לפיה, אין מקום להשוואה בין תרבויות, הכל ייחודי ויחסי. הייחוד הוא הצידוק. אין חוק אוניברסאלי. גישה כזו הופכת את המדע לספרות – מגיעים לנקודה שבה הרגישות הפוסט מודרנית משמיטה את הקרקע מתחת לכל המדע, הפועל על סמך קשרים והשוואות (נהליזם) – חוסר יכולת לייצר ערכים. הכל נחשב מותר בגישה זו. מכאן, איסור על חזיר הוא משהו שהתפתח במזה"ת, כי כך היה שם צורך. זה קיים, אז סימן שיש צידוק. גישות תיאורטיות שונות הפוכות לגמרי בהסברים לאותה תופעה.</p>
<p>תחומים נוספים באנתרופולוגיה:<br />
	דת  איזו אמונה ופולחנים קיימים ברחבי העולם? (מאמר יורם ביל"ו שעוסק בפולחן קדושים אצל יהודי מרוקו).<br />
	מבנה פוליטי  במבט בין תרבותי: מי מנהיג חברה? מהי שיטת המשפט? מה עושים עם מי ששוברים את חוקי החברה?<br />
	ריבוד  עפ"י העיקרון אי שוויון: מעמדות, קסטות (לא רק בהודו).<br />
	תרבות חומרית  כגון תכשיטים, שמן בבית, מבנה מגורים, גדר בארה"ב או גדר בישראל (גובה בישראל יותר).<br />
	כלכלה  אנתרופולוגיה כלכלית עוסקת ב:<br />
א. משאבים – אילו משאבים החברה מנצלת? מלקטים, רועים, ציידים.<br />
ב. טכנולוגיה – אופן ניצול המשאבים. הטכנו משפיע על האישיות (חברה חקלאית שונה מחברה נוודית – חברה חקלאית היא גדולה, חברה נוודית מצומצמת).<br />
ג. חלוקת התוצרת – מחולקת על בסיס הדדיות (קח-תן), חלוקה מחדש (כולם נותנים לצ'יף והוא מחלק לכולם), או כלכלת שוק (חלוקה על בסיס כסף, למי שיש יותר, קונה יותר). **<br />
*** </p>
<p>תרבות/ מרצה: גדי בן עזר נערך ע"י עשור אודליה</p>
<p>דוגמא לחברה מסורתית/ יהודי אתיופיה באתיופיה ובמעבר לישראל<br />
רקע: אתיופיה היא רמה של 2,500-2,000 מ', הרים גבוהים ומצוקים, גאיות עמוקים. האקלים: בצד המזרחי יש ירידה לאקלים ים-תיכוני (לכיוון ים סוף), בצד המערבי יש את סודן ואקלים מדברי. במרכז הרמה האקלים ממוזג (200-150). חיים באתיופיה כ-70 מיליון איש. האזור התרבותי העיקרי הוא "קרן אפריקה".<br />
* היהודים נמצאים סביב ימת טאנה, (מקור הנילוס הכחול). אגם טאנה הוא מכתש ענק, לוע של הר געש, ממנו מתחיל הנילוס לזרום. אזור נוסף של יהודים הוא טיגראי (אזור צפון מזרחי). רוב היהודים באים מאזור גונדר ודוברים אמהרית וחלקם מאזור טיגראי ומדברים טיגרית, יש גם יהודים מאזור  קווארה ומאזור וולקאט וצ'ילה הנקראים פלשמורה- היהודים המתנזרים, מיעוט קטן חי בעיר הבירה של אתיופיה אדיס-אבבה.<br />
* הרוב המכריע הוא מאזורים כפריים. הכפר היהודי האתיופי מורכב משלושה ועד ארבעה דורות דרך הגברים, כלומר הגברים מביאים את הנשים שלהם מקום המגורים של האבא- יש אב זקן ואישתו, הבנים ונשותיהם והילדים שלהם- זה לא תמיד אבל בד"כ. הכפרים היו ליד מקורות מים, מה שמביא אותנו לכינויים והשמות.<br />
* ליהודים יש כינויים שונים, בישראל נקראים יהודי אתיופיה, באתיופיה נקראים "ביתא ישראל" או "ישראל" שם עצמי- כך הם קראו לעצמם. בנוסף נוספו להם כינוי מצד הנוצרים היהודים והוא "פלאשה" -(פולשים)/ "פלאסין" – זרים. ייתכן והמקור הוא שהנוצרים קוראים ליהודי אתיופיה פלאשה- בגלל שהיגרו מישראל בדורות ראשונים ולכן דבק בהם הכינוי עוד מאז, ויש אחרים שחושבים שהכינוי הוא תוצאה של אובדן העצמאות שלהם במאה ה-17, כלומר: הייתה ממלכה יהודית באתיופיה במשך כמה מאות שנים עם מלכים בשם גדעון ויהודי, ובמאה ה-17 (1632), הם הוכנעו ע"י הנוצרים במלחמות באזור גונדר, ואז המלך האתיופי הנוצרי הודיע שמי שיתנצר – יזכה להוריש את אדמתו לילדיו, ומי שלא – יהפוך אדם חסר זכות על האדמה, מעין אריס, בשם "פלאסין".<br />
* מעמד כלכלי- בעקבות זאת החלה התדרדרות במעמד הכלכלי- תעסוקתי של יהודי אתיופיה מול שכניהם הנוצרים, והם הופכים מאנשים עצמאיים, יהודים, בעלי אדמות, לבנאי הארמונות באזור גונדאר עבור המלכים החדשים. הבירה הופכת להיות גונדאר, והנשים הופכות להיות המעטרות של הארמונות (מעצבות פנים). לאחר מכן כעבור 100 שנים התרחשה עוד התדרדרות – הגברים הופכים נפחים ,מתקני נשק וחרשי ברזל והנשים הופכות כדריות, עוסקות בחרס. המצב הזה מביא לתעסוקה עיקרית סביב האש. מי שעוסק בחומרים ארציים כגון אש או אדמה, עוסק במלאכה בזויה וכך הם הופכים להיות חיוניים עם שוליות.<br />
בגלל זה הם זוכים בעוד שם גנאי – "בודא" (מקור לעין הרע). עפ"י האמונה האתיופית, מקור לעין הרע יכול להפוך לצבוע מנוקד (חיה) שאוכל נשמות של אנשים אחרים (הנוצרים). הייתה תפיסה שהיהודים אשמים במחלות של הנוצרים (בגלל היותם צבועים) ועמדו בסכנת חיים. הם הפכו לחיוניים אך שוליים במעמד התעסוקתי שלהם.<br />
* מבחינת הסטאטוס החברתי, הם נחשבו בתחתית. במעמד הזה, נוסף להם כינוי "אנשים שמסריחים מים" – הנובע מהטבילות הרבות שהיו נהוגות בקרב היהודים (כדי להיטהר מטומאה).<br />
החיוניות עם שוליות באה לידי ביטוי בגלל שני סיבות: בעלות/ אי בעלות על קרקע, סוגי המלאכות שהם עוסקים בהם בדורות שונים.                                                                               </p>
<p>דפוס התקשורת: הדפוס המרכזי בתרבות יהודי אתיופיה בשני צירים מרכזיים: "קוד הכבוד" של יהודי אתיופיה:<br />
•	יהודי אתיופיה באתיופיה- כל נער ונערה אתיופים גדלים באווירה סמכותית, במבנה חברתי הפועל ע"פ היררכיה של סמכויות, המשפחה האתיופית היא בד"כ משפחה מסורתית פטריארכאלית. במסגרת המשפחתית הדתית יש קריטריונים ברורים שקובעים את ההיררכיה הזאת, לדוגמא: גיל מבוגר לעומת צעיר, סמכות משפחתית, תפקיד קהילתי עדתי- קס (רב). ההיררכיה הזאת מכתיבה מערכת התנהגויות נורמטיבית. אחד האספקטים המרכזיים בהתנהגות הנורמטיבית הוא מושג הכבוד והימנעות מפגיעה בו, בפרט למי שעומד מעלייך בסדר החברתי, כלומר מי שמעליי מוגדר כסמכות- אני צריך להימנע מלפגוע בו ולתת לו כבוד. נורמת הכבוד בחברה האתיופית באה לידי ביטוי במגוון רחב של התנהגויות ספציפיות שאנשים בתוך החברה שותפים לו- הצעיר מצווה לשרת את המבוגר.<br />
•	יהודי אתיופיה בישראל- עניין הכבוד מביא לשורה של אי הבנות בין תרבויות וקצרים בתקשורת, כלומר במרכז הקליטה יהודי אתיופיה מגדירים את העובדים כסמכות ולכן מפנים כלפיהם סוג של כבוד וכך נוצרים אי הבנות.<br />
<br />
1. התנהגויות כלפי סמכות: האדם שהתנהג בצורה זו לסמכות מצפה מאותה הסמכות להתנהג בצורה כזאת או אחרת כלפיו, כחלק מאותו החוק. ההתנהגויות הם:<br />
•	אין "לא"- בתרבות האתיופית לא נהוג לומר "לא" לדמויות סמכות, המושג של "לא" הוא מושג נדיר באתיופיה. לומר "לא" זה פגיעה בדמות הסמכות, יתרה מזו אתה מצווה להגיד "כן כן כן" (אישי, אישי-באמהרית), גם כשלא מסכימים עם דמות הסמכות. הציות הוא מוחלט בד"כ ומי שרוצה לסרב יכול לכל היותר לשתוק. השתיקה כוללת אופציה של סירוב- קריאה של הקוד. ע"פ הקוד האתיופי מותר לא לבצע- אבל אסור להגיד לא. המילה "לא" היא ביטוי של עלבון, פגיעה בכבוד.  אין ואריאציות- חל איסור על הצעת אלטרנטיבות, אני לא יכול להציע הצעה אחרת כיוון שהיא נחשבת כסירוב לסמכות. ניתן לשאול- מה נוח לכם, או לתת לו לבחור מתוך כמה חלופות. יחד עם זאת, זה לא מבטיח במאה אחוז כיוון שלא ניתן לתת לאדם את כל האופציות הקיימות, ובנוסף יש משהו בקוד התרבותי שעשוי לפגוע בזה. אמירת "לא" מדומת להכרזת מלחמה, כאשר מסרבים זה להסתכן בעצמך. כל ביטוי של אי שביעות רצון מילולית לא רצוי. התרבות האתיופית מעודדת את חבריה לאיפוק רגשי בכלל ושל רגשות שליליים בפרט, מחנכים לא לבטא נקמה, קנאה וכו'. מצופה ממך לשמור אותם בבטן. הפתגם האתיופי אומר: "הבטן רחבה מכל העולם" (הוד כאגר), כלומר: היא יכולה להכיל את כל מה שאני מרגיש, במיוחד את הדברים העוינים, אני מצווה לשמור בבטן.<br />
הקודים בארץ ישראל נוגדים את הקודים האתיופיים: אצלנו יש עידוד "לשפוך", ולא לשמור דברים בבטן.<br />
•	אין יוזמות ושאלות- ע"פ הקוד התרבותי והאתיופי אנו לא אמורים ליזום כלפי סמכות, לא אמורים לשאול שאלות. יוזמה נתפסת כביטוי של חוצפה. יש ציפייה מהסמכות ליזום אם צריך. אני צריך לענות בקצרה, (כן/לא) בקול חלש ולא ליזום אינפורמציה מעבר למה ששאלתי. בן ישאל את אביו שאלות טקסיות בלבד – מה שלומך? אך לא מעבר. לאבא מותר לשאול את בנו כל דבר.<br />
•	ביטויי גוף ומחוות- התנהגות של כבוד כלפי סמכות באה לידי ביטוי בשפת גוף. באתיופיה היה נהוג לנשק את הברך של בעל הסמכות. הברך היא סמל הכוח באתיופיה (ברך = גולבית) וכן נהוג היה לרדת אל הברך של דמות הסמכות. תופעה כזו כמעט נעלמה בישראל. עבור הזקנים יוצאי אתיופיה היה מדובר במשבר – המעמד שהם הרוויחו בכבוד נעלם. יש ביטויים נוספים של כבוד כלפי סמכות, מעבר לברכת השלום ( 2 נשיקות לזר, 3 נשיקות לבן משפחה ו-3 סבבים של נשיקות למי שלא ראו אותו הרבה זמן). דוגמה נוספת: נקישה בעקבים, שילוב הידיים מאחורי הגוף, הרכנת הראש וחצי גוף – אות של כבוד כלפי סמכות. אחד הביטויים הגופניים של דפוס התקשורת, הבולט אצל נערות הנפגשות עם דמות סמכות, כוללת השפלת מבט, צחקוק, פניה/עמידה ב-900, לא להביט בעיני הסמכות, כיסוי הפה ביד ותשובה לסמכות רק מהפעם השנייה בה היא נשאלת. הנערה מצווה להישען על חברתה ולצחקק ולענות בלחש על שאלת בעל הסמכות. נערה לא תיזום שאלות. אביה של נערה שמתנהגת כך יתגאה בה, כיוון שהיא מחונכת, מנומסת (צ'ואה). הנימוס הוא כלי חינוכי בידי המבוגר. קוד התקשורת הוא חלק מחינוך אידיאלי של הילדים. במעבר לישראל, חלק מההתנהגויות נתפסות כ"צייתנות", "ילדים טובים ירושלים". אצל הישראלים נוצר תסכול; מצד אחד האתיופים ממושמעים וצייתנים, מצד שני האתיופים בלתי אמינים, מרגיזים, עקשנים (מהנהנים, לא מגיבים ולא מבצעים).<br />
2. ציפיות מהסמכות- ע"פ אותו קוד, כחלק מאותו קוד, אני מצפה שהסמכות תנהג כלפיי בצורה מסוימת.<br />
•	קיום הבטחות- הסמכות מצופה לעמוד בהבטחותיה. התרבות האתיופית מקמצנת במילים ומעניקה חשיבות עצומה לכל מילה. לא אומרים סתם "כן, כן", יש הסכמה מודעת לקיים את ההבטחה. הכבוד והמעמד של המבטיח תלויים בקיום ההבטחה. ככל שהסמכות גבוהה יותר יש לה יותר כבוד להפסיד, ואז קיום ההבטחה הוא ברור וחשוב יותר. פתגם אתיופי יודע: "עדיף שמה שיילדת לא יתקיים מאשר מה שהבטחת לא יקוים"– כלומר, עדיף שילדיך ימותו מאשר שלא תקיים הבטחה. בהקשר כזה, שבועות ונדרים הם דבר נדיר. במעבר לישראל, היה קשה ליוצאי אתיופיה לקבל את העובדה שישראלים מתקשים לקיים הבטחות. אתיופים מצאו עצמם מחכים להבטחות. בתרבות האתיופית תשובה בנוסח "נראה" או "יכול להיות" נחשבת גם היא כהבטחה. תשובה כזו משמעה שההחלטה בידי הסמכות, וסירוב מאוחר יותר יתפרש כאי קיום הבטחה. בישראל, כדי לתת תשובה – צריך לומר "לא", לשקול ואז לשוב עם תשובה חיובית (כדמות סמכות מותר לומר לא, או לומר שצריך לבדוק אצל מישהו אחר ואז נחזיר תשובה ("זה לא בידיים שלי, אני אבדוק ואחזור אליך").<br />
•	אי התעלמות מקיומו- הסמכות מצווה לעמוד בציפיות ולא להתעלם מקיום הכפיף/הפונה. חוסר התייחסות לאורך זמן נתפס כהתעלמות מכוונת, אי-אהבה או התנכלות אישית. כלומר, מצפים מהסמכות להתייחס. כשעובר בעל סמכות באתיופיה בשבילים – הוא אינו יכול להתעלם מהאדם האחר ואומרים שלום. ילד אתיופי שהמורה לא פונה אליו יתפוס את חוסר ההתייחסות כהתנכלות. האדם הפונה לא ייזום שאלות כלפי בעל הסמכות, אך מצפה מבעל הסמכות לשאול אותו. ישראלים נטו לא לפנות לאתיופים, בכיתה למשל, כדי לא להביך אותם, אך בכך נפלו בקוד התרבותי. לתלמיד הישראלי חשוב יותר הערך ההישגי של התשובה מאשר יחס הסמכות. לעומת זאת, לתלמיד יוצא אתיופיה חשוב יותר יחס הסמכות מאשר הערך ההישגי של התשובה (נכון/לא נכון). היחס של הסמכות מלמד.<br />
•	עלבון – הפונה אל הסמכות, מצפה שאם הוא התנהג בכבוד כלפי הסמכות במילים ובשפת גוף, הסמכות לא תעליב אותו. התרבות מושתתת על מושג הכבוד – ואחד הרגשות הדומיננטיים הוא עלבון, פגיעה מצד הסמכות. האדם מצפה שבעל הסמכות לא יפגע בו. עלבון יכול להתרחש בשפת גוף כמו קריאה לאדם ע"י סימון באצבע (כגון, קריאה המקובלת לאנשים נחותים או כלבים ולא רצויים ע"י האדם שפונה לסמכות). אם בעל הסמכות רוצה להתייחס בכבוד הוא צריך לקרוא לאדם ע"י נפנוף היד כלפי מטה. שפת הגוף בתרבויות שונות מתפרשת באופנים שונים. פעם בכבוד ופעם כעלבון. ביטוי נוסף לעלבון הוא הרמת קול. עצם הדיבור בקול רם אל מישהו היא מקור לעלבון באתיופיה. עלבון חריף במיוחד הוא עלבון בפני קבוצה. להעמיד אדם בפני קבוצה ולהעליב אותו, יהיה דבר חמור ביותר. בישראל, התרגום של עלבון השתנה. עלבון מילולי שהתרחש היה כינוי "כושי" לאתיופי. המושג לא נחשב ניטראלי בעיני הקהילה האתיופית, וצריך לזכור לכינוי יש גם משמעות נוספת, מעבר למשמעות הניטראלית: כושים = עושים את העבודה השחורה, עבדים, פחות כבוד ונחותים. עלבון נוסף שהתווסף בישראל – דיבורים בדימויים. "אני מדברת אליך כמו אל קיר" – דימויים שלא מובנים ע"י בני הקהילה. בישראל, התגבר מאוד החשש מפני עלבון בפני קבוצה – כיוון שהישראלים לא חשים ברגישות הסיטואציה. התגובה לעלבון באתיופיה, עפ"י קוד הכבוד, היא איפוק. הציפייה היא שהאדם יספוג את העלבון בשקט ולא יסגיר את הכעס, אבל יחזיר במעשה בשעת הכושר הראשונה.<br />
הסימנים המילוליים המזעריים לכעס על עלבון זה אמירות כמו: "יהיה רע", "לא רוצה לעשות בעיות" – סימני איפוק תגובה. במקרים קיצוניים של השפלה בפני קבוצה, עשויים לגרור את האדם לפגוע במשפיל/ה, ואם לא – לפגוע בעצמו. התרחשו, במקרים קיצוניים, התאבדויות בעקבות עלבון (אי אפשר לפגוע במשפיל ואי אפשר לחיות בהשפלה). פגיעה במשפיל יכולה להיות להכות באבן. התפיסה היא שמרגע ההתפרצות, האדם לא שולט בעצמו – ולכן עדיף לא להגיב במילים אליו אלא להחזיק אותו. התגובות קיימות גם בישראל, אם כי עם הזמן החלו להיספג גם תגובות "ישראליות".<br />
•	אפליה- מדמות הסמכות מצופה לא להפלות. אפליה נתפסת הרבה פעמים כ"אתה לא אוהב אותי". לא שוכחים מקרים של פרוטקציה – שמים בבטן. בישראל, עלולים לקשר את האפליה לצבע העור, שוליות חברתית ותחושת קיפוח. השוני והזרות עלולים להתפרץ.<br />
"האתיופי המפתיע והמורד" – אי הבנה מתמשכת בין הסמכות לבין האדם, אי עמידה בציפיות מהסמכות, מתבטאים בסופו של דבר בהתפרצות זעם ותסכול, והפסקה של שיתוף פעולה. בישראל, זה בא לידי ביטוי במשמעות של "פתאום!" – התפרצויות פתאומיות. פתאום מחלקה שלמה של אתיופים בצבא מתיישבת ולא נענית לפקודה, פתאום הילד מרים אבן ומכה כדי להרוג. קשה לזהות את הסיבה להתפרצות. התגובה לעלבון היא הרי "פנים חתומות" ואיפוק, שלבסוף הגיעו למצב של אמון שנשבר. ההתפרצות יכולה להתרחש זמן רב אחרי העלבון ואי מילוי הציפיות. כשמתרחש שבר בציפיות מהסמכות, האדם לא מוכן לשום פשרה. בשביל פשרה צריך שמאגלה = מתווך. אדם שנפגע מסמכות ולא יכול לפגוע בו (עקב מעמדו) יכול לבחור ב"עזיבת השדה" – ניסיון לעבור למקום אחר.</p>
<p>דוגמא לחברה מורכבת/ תרמילאים ישראליים- החברה הישראלית:<br />
רקע על החברה הישראלית: החברה הישראלית מונה כ-6.5 מיליון אנשים. 80% יהודים ו-20% ערבים ומיעוטים אחרים: קבוצות נוספות של צ'רקסים, נוצרים, דרוזים, בהאיים. בישראל יש עדות. המונח "עדה" לא קיים בשאר המדינות. בחברה הישראלית קיימות "קבוצות אתניות" (Ethnic Group) – המונח הכי קרוב למונח עדה. "עדה" היא מונח ייחודי לישראל שנבע מאבות היישוב הציוני. הם ניסו לבטל את ההבדלים האתניים, התרבותיים. היה רצון לומר שכולם באים מאותו מוצא –קבוצות אתניות בעולם, לא שייכות לאותו עם. היה ניסיון לחבר את כולם תחת "העם היהודי". האנתרופולוגים התגייסו לחזק את המונח עדה לטובת הציונות. במדינה קיים "חוק השבות" – יהודים מקבלים אזרחות אוטומאטית (חוק נדיר יחסית לחוקי הגירה בעולם). במדינת ישראל קיימת תופעה של עיור אורבניזציה) – מדינה מאוד עירונית 96% מהאוכלוסייה עירונית (ההפך מאתיופיה). יש מבנה חברתי בישראל שנוצר על בסיס מהפכני שוויוני (מרקסיסטי) מבחינה חברתית, המבנה הסוציאליסטי – שהקיבוץ הפך בה דגם וסמל לשיוויון. מדינת ישראל החלה במודל מהפכני סוציאליסטי והמשיכה במודל הפרטה בדגם האמריקאי באופן חריף ביותר. ישראל הפכה אחת המדינות המובילות בפערים בין עשירים לעניים (החלה ממצב של כמעט שוויון בין שכבות האוכלוסייה).</p>
<p>תרמילאות- על הרקע הזה יש את תופעת התרמילאיות. התופעה הזאת נעה בין 35-40%.<br />
התופעה נראית לנו ברורה, אך קשה להגדירה. שני מחקרים עסקו בתופעת התרמילאות הישראלית:</p>
<p>א. מבורך (1997) – עודד מבורך, סטודנט לפסיכולוגיה שעשה דוקטורט בנושא תרמילאות, היה 3 שנים בטיול תרמילאות. הוא לקח 2 מחזורי שחרור מצה"ל מהשנים 1988, 1991 ועשה את המחקר בין השנים 1995-1991. הוא דגם 4,000 איש והעביר אליהם שאלונים מקיפים – אפיונים דמוגראפיים ואישיותיים, פעמיים בטווח של 3 שנים. בנוסף ביצע 90 ראיונות עומק. חלק היו אחרי הטיול בשאלון הראשון, וחלק יצאו לטיול יותר מאוחר. הוא אסף הרבה מידע כמותני ואיכותני. הוא חקר אותם לפני ואחרי היציאה לטיול, והשווה אותם לקבוצת ביקורת של אנשים שלא יצאו לטיול הממושך ולבסוף ניתח 1000 שאלונים הכוללים דברים על אישיות המטייל ועל הטיול.<br />
עודד מבורך גילה שמימדי התופעה הן 16.6% מהמשתחררים יוצאים לטיול הממושך, בטווח של 3 השנים הראשונות שאחרי השחרור. מכאן, שלא כולם יוצאים כמו שחושבים, אולם מדובר באחוז עצום בהשוואה לכל אוכלוסייה בעולם. לא ברור אם יש עוד מדינה שיוצאים בה כל כך הרבה צעירים למסע צעירים. המחקר נערך לפני 10 שנים וייתכן שהתופעה גברה עד היום. עודד מבורך הגדיר זאת "כטיול הממושך" תרמילאי הוא מי שיצא למינימום 3 חודשי טיול. בפועל, השכיח היה חמישה חודשים ומעלה.<br />
המאפיינים של התרמילאים ע"פ מבורך היו: * מס' הגברים והנשים היה דומה. * הרוב מטיילים במזרח אסיה (גם היום ככה). * 45% טיילו במזרח אסיה, 27% בדרום אמריקה, 24% בארה"ב. נשים יותר בארה"ב וגברים בדרום אמריקה. * אחוז גדול של בני קיבוצים, ואחוז נמוך של ערים בינוניות * הורים עם זיקה חילונית. * הנולדים בצפון אפריקה נמוך יותר- יותר מסורת ישראלית. * מס' שנות הלימוד של ההורים גבוהה יחסית. * אחוז בתי ספר עיוניים גבוה יחסית. * בעלי תעודת בגרות- מעט מהאחרים. * אחוז הגברים ששירתו כקצינים גבוהה יותר. * אחוז שהדריכו או השתתפו בתנועות נוער גבוה יחסית. * נטייה של המטיילים לאישיות המחפשת ריגושים, חוסן אישי והעדפות שינוי על- פני שימור.<br />
מבורך מצא שאנשים יצאו לטיול הממושך לא בשביל להתנתק מהמצב הביטחוני והמתח, זה סיבה מס' 2 ולעומת זאת הסיבה העיקרית היא בשביל להשתחרר מהמשפחה וחובות התפקיד המבוגר (ממצא מפתיע). המרחב המשפחתי לוחץ להיכנס לתפקידים של עובד/סטודנט, חתונה, ילדים. המטיילים רוצים לצאת למרחב אישי שבו הם יקבלו החלטות לגבי תפקידם העתידי בחברה, לעשות חיפוש עצמי לגבי מה שהם באמת רוצים. העומס והלחץ להסתדר ולהתקדם בחיים הביא צעירים לצאת לטיול ממושך, ולבצע חיפוש ובדיקה עצמית רחוק מהבית.</p>
<p>ב. יעקובסון (1987)- אנתרופולוג ומנהל בית- ספר. הוא עושה עבודה אנתרופולוגית מובהקת. יעקובסון בדק את אוכלוסיות התרמילאים ב-1986 שהגיעו לחנות "למסע". שיטת המחקר שלו הייתה תצפית משתתפת, האופיינית לאנתרופולוגים (בניגוד למבורך שעשה שאלונים). חוקרי תרבות משתמשים בתצפיות, שיטת מחקר איכותנית. יעקובסון ערך תצפיות כ-4 חודשים, 8-7 שעות ביום. לחנות מגיעים תרמילאים על מנת לקנות ציוד לטיול. החנות היא אולם גדול שמחולק למדפים לפי נושאים שונים. אין בה כסאות ויש בה שטיח מקיר לקיר – רוצים לעודד ישיבה על הרצפה. במרכז החנות יש עמוד של מטר למטר שנועדו למודעות חיפוש שותפים למסע. יעקובסון מצא שכרבע מהמטיילים מצאו כך את השותפים שלהם. הוא חקר גם את הלקוחות וגם את הצוות – מאופיין כתרמילאים לבושים ונראים אחרת (כמו מי ששבו מטיול ממושך, בעלי צמות וכו'). העובדים שהיו בעלי מאפיינים מיוחדים, לבושים לא אלגנטי. יעקובסון השתתף ב"חוגי העצה הטובה" – מפגשים דו-שבועיים של עצות שנותנים אנשי החנות למטיילים העתידיים. יעקובסון ראיין את היוצאים לטיול וחלק מהחוזרים. קל לנהל תצפית בחנות – כי כולם יושבים וכותבים הערות וכך גם הוא עשה.<br />
הממצאים העיקריים שלו קשורים בטענה המרכזית: ניתן לראות בתופעת התרמילאות צליינות מסוג מסוים (צליינות = עליה לרגל). יש מאפיינים דומים לצליינות ולכן לא צריך להתייחס לתופעה דרך תיאוריה של תיירות אלא דרך היבטי הצליינות. הוא קורא לה "צליינות חילונית", בניגוד לזו הדתית. </p>
<p>ההבדלים בין הצליין לתרמילאי:<br />
1. המטרה לשמה נועד הטיול: הצליין נע לעבר המרכזים הערכיים- תרבותיים של חברתו, הוא בא לחוות את הדת בצורה מסוימת (המוסלמים – למכה, הנוצרים – לירושלים). והתרמילאי זז בכיוון ההפוך מהמרכז הערכי של חברתו- הוא מתרחק מהמרכז אל המקומות האחרים. כלומר, רוצים להשתחרר ומחפשים את המרחב האישי.<br />
2. צליינות היא תופעה של הולכים וחוזרים. תרמילאיות היא יותר ארוכה- נשארים שם יותר </p>
<p>הדמיון בין צליינות לתרמילאות:<br />
1. מיסוד- מיסוד של תופעת הטיול הממושך – מתנועת בודדים לתנועה של המונים. תנועה מתעצמת. מלחמת ששת הימים יצרה בעולם מעין תנועה משיחית – ישראל הקטנה ניצחה את מדינות ערב החזקות. בעולם הייתה אווירה של אהדה כלפי ישראל, לא רק מצד היהודים. לארץ הגיעו אנשים להתנדב בקיבוצים, מכל העולם. התופעה הזו הביאה לארץ גם תרמילאים משווצריה, אנגליה, שכללו את ישראל במסעותיהם. התרמילאים חיו באיכות חיים בקיבוצים, חוויה כמעט דתית של סוציאליזם ומצד שני הקיבוצים זכו בעבודה חינם. בתחילת שנות ה- 70 –במפגש עימם צעירים מהקיבוץ התוודעו לתופעת התרמילאות. לאחר מספר שנים החלו גם קיבוצניקים לצאת אל העולם, בתנועה של בודדים – יצרו את המסלולים בדרום אמריקה, למשל. התנועה הזו הופכת ממוסדת עם השנים. יותר ויותר יוצאים, עד שהיא הופכת חלק מתנועה חברתית. היום מטיילים גם חבר'ה דתיים, חבר'ה עירוניים, עולים חדשים וכד'. מיוזמה של יחידים התרמילאות הופכת תנועה נורמטיבית קבוצתית כמו צליינות.<br />
כמו כן החלה תופעת קומיוניטאס – חוקר בשם ויקטור טרנר, חקר את תופעת הקומוניטאס בהקשר של צליינים ועולי רגל.<br />
* "קומיוניטאס" = תת קהילות/קבוצות קטנות שנוצרות במסע, מתגבשות ומחזיקות/נושאות את עצמן תוך שהן מפתחות נורמות משל עצמן/ קודים פנימיים בתוך הקבוצה, ומהוות מעין יחידות סגורות. יעקובסון רואה במכתבי התרמילאים חלק מתופעת הקומוניטאס, חלק מתופעת המיסוד. התרמילאים שולחים מכתבים אל החנות למטייל – מעין דף המלצות. בשגרירויות נוצרו ספרי המלצות של מטיילים. יעקובסון מספר על מכתב של בחורה שכולל מידע מפורט למה בחרה ביעד, סוגי בעלי החיים והצמחייה במסלול, האלטרנטיבות, ההכנות הדרושות ליעד בישראל וכו'. המכתב משקף את רצונה להיות חלק מקהילה, קהילה מדומיינת שנורמה אחת בה כוללת שיתוף אחרים במידע. המכתבים מחברים את המטייל לקהילה המעין וירטואלית. צורה נוספת להגדרה;<br />
* "קומיוניטאס" = התפתחות של רגש אחווה אנושי שאופייני למצב השולי בטקסים. שוליות חברתית יכולה להיות מצב בטקסים – בטקסים אתה יכול להיות באזור שוליים, בין X ל-Y. למשל, בטקסי אבל. החיים שקוברים את המת, נמצאים במעבר בין חיים עם הנפטר לחיים בלעדיו (בזמן הטקס הם נמצאים במצב ביניים). כך גם בטקס סיום לימודים עצמו – הסטודנט לא בעל תואר, אך גם לא חסר תואר. במהלך הטקס ישתנה המצב משוליים לבעל תואר. אך גם בטקסי בגרות (מילד לגבר), בר-מצווה, נישואין, גם התרמילאים נמצאים במצב של שוליות חברתית. התרמילאים כבר לא נמצאים במרכז החברתי שלהם (ישראל) אך גם לא נמצאים במרכז החברתי של הארץ בה הם מטיילים. בתוך תהליך המסע, יש קיום בשוליים של שתי החברות (בישראל ובאזור הטיול). המצב הזה דומה למצב הצליינים העולים למכה לשם – בדרך למרכז הערכי שלהם. המטייל נמצא במצב של שוליים, כי הוא לא שייך לנורמות החברתיות של ארץ המוצא ולא בנורמת ארץ היעד, הם "בין לבין" מצוי בדמדומים , נדמה לנו שאם אנו לא בחוק של ישראל גם החוק של הודו לא תקף עלינו. ההתמסדות של קבוצות של מטיילים מתרחשת בקונטקסט של שוליות, לימינאליות. הקומוניטאס מצביע על המיסוד, שהוא מאפיין הדומה לצליינות.<br />
2. הכנות למסע- כמו בצליינות, ההכנות למסע רבות. יעקובסון מתייחס להכנות בהרחבה. הכנות למסע קיימות בחברות רבות. חוקרת בשם ברברה מאייראוף חקרה אינדיאנים משבט "ההויכול" ומצאה שיש להם דרך מסוימת של התבגרות שבתוכה יש מסע של 50-45 יום. המסע הוא ארוך וכרוך בהרבה הכנות. גם בתרמילאות יש המון הכנות. בחנות יש חשיפה להמון חומר קריאה. אנשים מתעדים המון תיאורים של חוויות ומשתתפים בחוגי "עצה טובה" – המתקיימים בחנות פעם בשבוע. מטיילים עתידיים קוראים ספרים לגבי המקומות ולומדים שפה – יוצרים קטלוג מלא של המקומות. יעקובסון מוצא כי אינטנסיביות של הכנות גדלה חודש וחצי לפני נסיעה : אנשים מכינים ויזות, מט"ח, רישיון בינ"ל, נפרדים מחברים, משאירים רשימת שגרירויות וסוכנויות דואר, קונים תרמיל. יש כללים מה לוקחים ומה לא – "תחשוב מה אתה צריך וקח חצי" – מעט בגדים, רשימת כתובות, מוצרי היגיינה, קסטות מוסיקה ישראלית. יעקובסון רואה במסע נשיאה של ליבת תרבות המוצא אל ארץ היעד. ההכנות מרובות, כך שהמטייל יודע את כל הסכנות הכרוכות בכל אתר ואתר. רוב המטיילים מסרבים להודות שהם עשו הכנות מרובות כל כך.<br />
מאפיין נוסף של ההכנות הוא הרצון לנסוע לזמן בלתי מוגבל. 68% אמרו שהם לא יודעים את זמן החזרה. בפועל הסתבר שרובם יודעים שהם חוזרים לעבודה/לימודים (שהזמן סוכם מראש). זה לא שקר אלה אשליה של נסיעה לזמן הבלתי מוגבל עוזרת לניתוק ולפתיחות כללית כלפי עצמם וכלפי דברים שהם רוצים לבדוק בטיול.<br />
3. אורך המסע- משותף לתרמילאים וצליינים שהמסע הוא ארוך יחסית, ברוב המקרים גם הצליינים והתרמילאים יוצאים למסע לא קצר. אצל עודד אמרו מינימום שלושה חודשים ובפועל 5 חודשים ויותר.<br />
4. סיכון- המסע מסוכן בשני המקרים, גם בצליינות ותרמילאות יש סיכונים: פגעי טבע, מידי אדם, סיכונים פיזיים- סיכונים שקורים או שאני מדמיין אותם.<br />
5. מערכת מיתוסים- מתפתחת מערכת אדירה של ספרות, אגדות, פולקלור – כמו בכל תנועת המונים. מיתוס = עלילות, אירועים, התרחשויות שקושרות עצמן לעניינים חברתיים ואנושיים הקשורים במסע. המטרה – העברת מסר ומשמעות. טרנר ואשתו חקרו את מערכת המיתוסים שמתפתחת בצליינות. כשבודקים את העובדות, מסתבר שמספר האירועים החריגים (התאונות) במסע תרמילאות הוא דומה לחלוטין למספר של אירועים חריגים בטיול תיירות רגילה. בעיתונות מתפרסמים יותר סיפורים לגבי התרמילאות, כחלק מהמיסוד. מתפרסמים יותר סיפורים על הודו ופרו מאשר על לונדון וכד'. גם בחנות יש יותר סיפורי סיכון: שוד ואלימות, לכלוך וכו'. חלק מהמדריכים בחנות מנסים לשבור את התופעה, וחלק מדגישים דווקא את הסיפורים – התייחסות כלשהי לקיום/אי קיום הסיפורים הופכת את האדם לחלק מהמערכת. המיתוס משרת את התופעה.<br />
6. חיזוק מחויבות חברתית- יש חיזוק של המחויבות החברתית בעקבות המסע. תרמילאים ישראלים חוזרים מחויבים יותר לערכים הישראלים ("עכשיו זה יעזור לי להעריך דברים בבית, בישראל"), כך גם צליינים חוזרים יותר מחוייבים. </p>
<p>ניתן לסכם ולומר, שעל-פי יעקובסון קיים דמיון בין תרמילאות ישראלית לצליינות דתית בחברות אחרות. הפרמטרים שהוזכרו כולם מצביעים על הדמיון, אך לא על זהות. לכן יעקובסון מדגיש שתרמילאות היא צליינות חילונית. הוא מוסיף שעבור חלק מהצעירים מדובר בטקס מעבר, סמוך לשחרור מהצבא – משלב אל שלב. בעבר היה מעבר ישיר בין צבא ללימודים ומשפחה, והתרמילאות הפכה שלב ביניים מרכזי. עבור חלק מהצעירים – קיבוצניקים למשל, היה מדובר באתגר שמוביל ליוקרה חברתית. אצל חלק אחר, המסע משמש לבדיקת החשיבות של ההיבטים מחיי היומיום (ניקיון, רכב, זמן, כסף – כמה הם באמת חשובים בעבורנו). רוב האנשים תופסים את החברה הישראלית כתובענית ורוצים להתנתק במרבית זמן המסע, אך לא לעזוב לחלוטין את מעגל החיים בישראל.<br />
מדוע תופעת התרמילאות נפוצה כל כך בישראל? האם יש קשר לאופי לאומי, אישיות לאומית – אישיות של תרמילאים? האם חוויות התרמילאות מעצבת את האישיות? למה חשוב להדגיש שהיית במקום שעוד אף אחד לא היה בו? מדוע קיימת הילה סביב התופעה? מדוע התופעה מתרכזת בדרום מזרח אסיה ודרום אמריקה – מי קובע את האופנות הללו?<br />
המצב כיום? האם אנו מדברים על אותו סוג של מסע עבור אנשים? תמיר ליאון, שטוען שתופעת התרמילאות נשברת.<br />
 * יש קבוצה שעדיין מטיילת כי הם נקראים "איסתא"יים", הולכים עם תיק של ISTA אבל יש שני קבוצות אחרות שלא ברור אם אפשר לקרוא להם תרמילאים : * ראשונה "להקתיים" , אנשים שנוסעים ובאים בקטע החברתי, עוברים ממקום למקום כקבוצות, עושים ויפאסנה ועוברים ממקום למקום, באים יותר ממניע חברתי. * קבוצה שלישית היא "קרחניסטים" אנשים שבאים בשביל הסמים, היום 1/3 מאנשים נוסעים לחלוטין בשביל עניין הסמים. מגיעים ודופקים את הראש במשך 4 חודשים. יש להבין שלא מדובר במשתמשים קלים,מי שנוסע בעניי הסמים הם סמים כבדים , מתוכם 2000 איש נפגעים ו900 לא יוצאים מזה ונפגעים קשה. * קבוצה רביעית בעולם "פלאשבייקרס" תרמילאים שמסתובבים אם גאדג'טים כגון: מחשבון, מצלמה דיגיטאלית ויומן. הם צריכים 5 שקעים כדי להטעין את הגאדג'טים.<br />
הסלנגים המתפתחים: בחורות שרוצות קטע פונות לחדשים כיוון שאחרי זמן רב הם משתגעים מהסמים ולא רוצים סקס. בום עלייך – מי מתחיל בעישון. לתפקד- מי שמחלק סמים ישיבה- ישיבת סמים, מגואה לגהה, מטכ"ליסטים – מטכ"ל בארץ ובטיול הם דוחפים את כולם, ליעד הבא. כאשר מתפתחת מערכת שלמה של מיתוסים.</p>
<p>חברה מורכבת מול חברה פשוטה<br />
אנתרופולוגים בעבר חקרו חברות שקראו להם "פרימיטיביות" לאחר מכן נקרא "פשוטות". חברה פרימיטיבית באנתרופולוגיה היא חברה ללא כתב. יותר מאוחר התפתחה הבחנה בין חברות פשטות לחברות מורכבות כי המונח פרימיטיבי קיבל ערך שלילי ועברו למושג חברה "פשוטה".<br />
חוקר בשם Service מגדיר את האבחנה בין חברה פשוטה ומורכבת כך: האבחנה נעשית ע"י הרמה/הדרגה של גיבוש חברתי תרבותי. Socio Cultural Integration – נמדד באמצעות מספר הכלים והטכניקות ליצירת האינטגרציה החברתית תרבותית. ככל שיש יותר כלים ליצירת גיבוש חברתי-תרבותי, כך החברה תחשב יותר מורכבת. בחברות פשוטות יש כלי אחד, ובחברות מורכבות מספר כלים. הכלים הקשורים בשלושה עקרונות: 1. עקרון השארות. 2. עקרון החוזה. 3. עקרון הריבוד.</p>
<p>1. עקרון השארות: בחברות פשוטות הכלי היחיד לאינטגרציה חברתית הוא "עקרון השארות" = קרבה, קבוצת הקרובים. מדובר בקרובים מקרבת דם (consanguine) או קרבת נישואין (Affinial). למשל בחברת האינואיט (האסקימואים) יש רק רמת התארגנות עפ"י שארות. קרבה מתגבשת ע"י איסור גילוי עריות – הוא אוסר על הבן להתחתן עם אמו ומחייב את הבת להינשא לאחר מחוץ למשפחה הגרעינית, ואז נוצר מפגש עם אחרים בטקס נישואין. האיסור, כחלק מעקרון השארות, יוצר גיבוש חברתי-תרבותי. הקבוצה האינואיטית נקראת Band – 30-20 אנשים שמחוברים יחד בעקרון השארות.<br />
עיקרון השארות אוניברסאלי – קיים בכל החברות בעולם. לעומת זאת, שני העקרונות האחרים תמיד מתווספים ולא קיימים בכל החברות.<br />
2. עיקרון החוזה: הסכם חברתי, כתוב או בעל-פה, לארגון החברה. לא מדובר בעיקרון אוניברסאלי. ניתן להסתכל עליו גם כהסכמה חברתית, התאגדויות והתחברויות (Associations). עקרון זה לא קיים בחברות פשוטות. ישנם הסכמים שונים: פורמאליים ובלתי פורמאליים. בחברה הישראלית מסתמכים על שארות, אך גם על הסכמה פורמאלית (כמו שירות בצבא, השתייכות לארגון המורים) והסכמה לא-פורמאלית (כמו שותפות באסוציאציה יחד עם החבר'ה מהתיכון – נפגשים מדי פעם. השותפות נעשית באופן לא פורמאלי ויש בה כללים של קשרים בינאישיים). הסכמה לא פורמאלית היא מעין חוזה.<br />
יש עוד סוגים של התחברויות והתאגדויות: אסוציאציות פורמאליות ולא פורמאליות (התאגדויות) – קופת-חולים, למשל, היא התאגדות פורמאלית. תנועות נוער הן התאגדות לא פורמאלית. וועד עובדים הוא התאגדות פורמאלית ברוב המקרים, אך יש מקומות שהקשר אינו פורמאלי. דוגמאות נוספות: ויצ"ו, ההסתדרות (פורמאלי = תשלום או חתימה על טופס הסכמה ממוסדת). הסכמים אלו הופכים את החברה ליותר מורכבת.<br />
3. עקרון הריבוד/ אי שיווין- עיקרון הריבוד – סוגים שונים של ריבוד, אישי וקבוצתי.<br />
א. ריבוד אישי- היחיד הוא מעל האחרים. לדוגמה, הצ'יף – הוא מעל שאר בני השבט. ריבוד הוא אי שוויון בין פרטים או קבוצות בחברה. 3 קריטריונים לפיו אדם מעל השני: השכלה (תלמיד חכם), עושר וייחוס. ייחוס פירושו כמה דורות היו בעלי השכלה או עושר או שניהם. אדם קיבל מעמד אם הוא צאצא לשושלת רבנים, משפחת גבירים או שניהם יחד.<br />
ב. ריבוד קבוצתי – אי שיוויון הוא חברתי. למשל הקסטות בהודו – אדם נולד ומת באותה קסטה. קב' שלמה היא מתחת או מעל המדרג החברתי. יש הסכמה חברתית על עניין זה, שינוי קסטה אפשרי רק בגלגול נשמות. גם בבריטניה יש מעמדות – עליון ותחתון. על-פי החוק בבריטניה יש העברת קרקעות בירושה. האריסטוקרטיה העבירה בתים וקרקעות בירושה, ואנשים התחתנו בתוך המעמד כדי לשמור על הירושה – לכן אין כמעט ערבוב בין המעמדות. המעמד התחתון מקבל את ההעברה בירושה ללא התנגדות, כסדר חברתי. בישראל ישנן קבוצות – כוהנים ולוויים מול ישראל, אשכנזים וספרדים, בתוך החצרות חסידיות (אין מעמד שונה בין החסידויות). חברות שיש בהם עבדים יש בהן ריבוד קבוצתי, ריבוד גורם לגיבוש חברתי – הוא מחלק את החברה לרמות, שתלויות זו בזו, ולכן קיים גיבוש . בהודו יש קאסטות של מורים, חיילים אז החיילים צריכים את המורים, כי הם יוצאים למלחמה והמורים מלמדים את הילדים שלהם, יש תלות הדדית בינהם. קאסטות ומעמדות נוצרת תלות הדדית, כך נוצר גיבוש ויש יותר הדדיות כי אחד עושה למען המעמד השני.<br />
ככל שיש יותר כלים, שארים + ריבוד + חוזה כך החברה יותר ויותר מורכבת. </p>
<p>שני היבטים נוספים שמהווים דוגמה להבדל בין חברה פשוטה למורכבת:<br />
א. בחברה מורכבת יש בדרך כלל יותר קבוצות אתניות, קב' מוצא, קב' תרבות.  אין הומוגניות אתנית בדרך כלל, מבחינת קבוצת המוצא. זהו סוג של כלי לחקר חברתי, "כלי פוליטי" – מבנה הכוח של החברה. (ארגון על בסיס אתני). בניגוד לאינואיט שמאורגנים בקבוצות של משפחות בקרבה משפחתית (Band), ואין שום ארגון פוליטי חברתי נוסף. בחברה מורכבת יש מבנים פוליטיים רחבים יותר, כמו קבוצות אתניות – מוצא (ישראל, ארה"ב).<br />
ב.   הדרכים לפיתרון סכסוכים/ בתי משפט ומערכת החוק. בחברה המורכבת יש דרכים לחבר קבוצות אתניות שונות (יוצאי רוסיה ואתיופיה). החיבור של הקבוצות נעשה באמצעות מערכת החינוך, התרבות, התקשורת, הצבא, המערכת הפוליטית, המשטרה (חוק משותף ושוויוני לכולם). בחברה הפשוטה, אין כלים חברתיים – אין מערכת חינוך ממוסדת, אין פוליטיקה, צבא או משטרה. הבחנה בין חוק פרטי לחוק ציבורי:<br />
חוק ציבורי – השיטה לפיה מגוון לא קטן של עבירות מוגדרות כעבירות נגד החברה (החוק הפלילי להבדיל מחוק אזרחי). רצח, גם כאשר הוא פוגע באדם פרטי, נחשב כעבירה נגד החברה, ולכן החברה מתערבת ומעמידה את הרוצח למשפט. בחוק ציבורי למנהיגות יש כוח להתערב (משטרה, בתי משפט) ניתן לפנות גם לצ'יף. אצל האינואיט אין כוח לאף אחד לכפות החלטות. בראש כל Band עומד הדמן (Headman) – מנהיג לא פורמאלי (לא נבחר ולא ירש את התפקיד). ההדמן הוא ראשון בין שווים, משהו באישיותו (כריזמה) הופך אותו למנהיג (צייד מצליח, יכולת דיבור). לרשותו עומד רק כוח השכנוע. אדם שנעשה לו עוול, חייב לפעול כנגד עושה העוול. הכוח היחיד ברשותו הוא שכנוע. אז פיתח הובל את האבחנה בין חוק פרטי וציבורי.<br />
חוק פרטי – זוהי השיטה על פיה ההתנהגות או התנהגויות מסוימות המוגדרות כפגיעה ביחיד מחייבות פעולה כלפי הפוגע. בדר"כ כנקמה. מתאים לחברה פשוטה. לעומת זאת, בחברה מורכבת, פונים לרשויות החוק – חוק ציבורי.<br />
למשל, בחרבת האינואיט, אם נעשה לי רע כי מצאתי שאשתי התגרשה ממני והתחתנה עם מישהו אחר. יש המון סכסוכים סביב נשים, אני לא יכול להאשים את אשתי, ולכן אני מאשים את הבחור, הוא פיתה אותה, הוא לקח אותה וגנב את אשתי. יש מס' אפשרויות לפתרון הסכסוך:<br />
1.	אדם יהרוג את שכנו, וזה יהיה על-פי חוק בתוך אותה חברה. חוקר בחברה האינואיט טען שאין גבר בחברה האינואיטית שלא הרג לפחות פעם בחייו. החוק הוא הסדר חברתי, נורמטיבי, מקובל – זה לא אנרכיה. אך הסכנה שבחברות מסוימות, תתחיל בעקבות כך "נקמת דם" – כמו בחברה הבדואית. אדם רוצח, ובן משפחת הנרצח רוצח אותו וחוזר חלילה. אצל האינואיט.<br />
2.	יש אפשרות להזמין להאבקות ומי שניצח בהאבקות הפיזית, זכה/ניצח "משפטית" – החוק מאשר הזמנה להיאבקות ותוצאותיה. ההיאבקות טומנת בחובה בעיות עבור הנפגע – יכול להיות שהאדם שהוא רוצה להיאבק עמו גדול וחזק ממנו ואז פתרון זה לא רלוונטי.<br />
3.	אפשרות נוספת היא להזמין לדו-קרב מילולי. השמועה מתפשטת, ותוך יומיים-שלושה מתכנסים עשרות אנשים מהסביבה. ביום מסוים נקבע מפגש. אדם אחד מתופף כדי להגביר מתח, ואז הנפגע מעליב את השני לחתיכות בשפה האינוקטיטוט (שפת האינואיט). לתת מילולית מכה מתחת לחגורה, בדרך כלל לגבי תיאורים פיזיים/התנהגותיים. ואז השני עונה וכיוצ"ב. המנצח – כאשר אחד נתקע ואין לו מה להגיד או על-פי החלטת הקהל. הקהל מביע סימפטיה או אנטיפתיה וצד אחד מוותר. שיטה "משפטית" בחברה הפשוטה: עלבונות וקללות הדדיים. קיים גם בחברות נוספות – בחברה השחורה בארה"ב קיימים תרייסרים (דזנס Douzens), בעיקר אצל צעירים שחורים. גם בחברה היהודית במזרח אירופה, אך בניגוד לאינואיט אף פעם לא אומרים לאדם את האמת עם הוא גיבן, נמוך וכו'. ניתן לומר הכל חוץ מאשר את האמת. אפשר לקלל שתהיה עשיר כקורח" .. "שיהיה לך מחלת עור" .. לקלל שיהיה לך X ולא אומר לו שהוא משהו .<br />
יש משחק אתיופי שנקרא "אנקסלנטה במנטיה", במשחק זה מעליבים אחד את השני בחרוזים. השיפוט ע"י הקהל או שאנשים פורשים ונכנעים, התשואות מגדירות את תוצאות הדו-קרב. זו שיטה משפטית, מי שהפסיד צריך לעזוב את ה- band  ולהצטרף ל- band אחר .<br />
עולה שאלה אתנולוגית- איך אפשר להסביר את ההבדל בהתייחסות בין החברה היהודית (אסור להעליב) לחברה של האינואיט (מותר להעליב)? ככל הנראה, ביהדות, ניתן לשער, שיש ייחוס של יותר כוח למילה. המילים קדושות יותר (אומרים בעזרת השם ולא את השם המפורש). יש קדושה במילים, ובגללה לא מבטאים קללות – למילים יש כוח במציאות, כוח עצום לאמירה.</p>
<p>לסיום חברה פשוטה מול מורכבת, בחברה פשוטה יש כללים ולאו דווקא אנרכיה, יש חוקים אך פחות אלמנטים מגבשים, החברה פשוטה מכתיבה את דרך הפעולה.<br />
חשוב להדגיש שאין פה שיפוט ערכי למה טוב יותר. אם נרצה לשפוט ע"פ כמות הפשע יש יותר פשיעה בחברה מורכבת מחברות פשוטות. לא בהכרח שאיכות חיים טובה יותר בחברה מורכבת, יש לנו בחברה מורכבת יותר כלים לגיבוש חברתי ומערכות  לפתרון סכסוכים. </p>
<p>מהי תרבות:<br />
ניתן לומר שיש המון הגדרות של תרבות, נבחרה הגדרה אחת של הובל אשר הגדיר תרבות בצורה מסויימת. נבין מהי תרבות בדר"כ שבה חוקרי תרבות מייצגים וחושבים. ההגדרה לתרבות היא:<br />
"The Integrated Sum Total of Learned Behavior Traits, Characteristic of the Member of Society" (Hobel).<br />
1.	Sum total- סה"כ. תרבות היא סך הכל. כלל הביטויים של החברה. הובל הדגיש שמדובר בסה"כ, כי הוא רצה להבחין בין השימוש במילה תרבות בשפה היומיומית בציבור לבין השימוש במדעי החברה בכלל ובחקר התרבות בפרט. ביומיום "תרבותי" מתקשר לארגון אירועים (קונצרטים, הצגות, מופעים). התרבות נחשבת גבוהה ועילאית, וקשורה בעולם המוזיקה והספרות. נגריה, למשל, לא נחשבת "מקום תרבותי". הובל ניסה למנוע התייחסות לתרבות כאל דבר גבוה ועליון, נשגב, מוצלח, חינוכי, עדיף. השימוש הרווח הוא שיפוטי – תלוי בעיני המתבונן (נגריה לא תרבותית, קונצרט תרבותי). הכלל המרכזי באנתרופולוגיה הוא שנמנעים משיפוט ערכי. לכן חשוב להובל להתחיל את ההגדרה מסך הכל – תרבות היא גם סנדלרייה, בית בושת, קונצרט, אמצעים טכנולוגיים וכו'.<br />
2.	Of learned behavior traits - כלומר, התנהגות נלמדת, כל מה שקשור בלמידה. תרבות היא סך הכל של התנהגות נלמדת. כולנו יודעים שלומדים הרבה דברים, למשל שפה זה חלק מתרבות. רובנו לא קולטים כמה התרבות נכנסת לתוך החיים שלנו. כאשר מביטים מול המראה בבוקר? מה ביולוגי ולא נלמד? צבע עיניים הוא לא תרבותי, צבע עור, שיער, גובה, מבנה גוף. מה כן תרבותי? התספורת ותסרוקת, איך מתלבשים (התנהגות נלמדת) מדובר בתרבות חומרית. מבנה גוף- הוא גם פונקציה של תרבות במובן של פיתוח גוף. הפוטנציאל של הגובה ומבנה הגוף הוא לא תרבותי. אבל ההגשמה שלו היא כן תרבותית. (אם ננסה לא להאכיל ילד, יתכן שהגובה קשור איכשהו לאכילה). בועז החליט לבדוק את הקשר בין גובה לתזונה, הוא לקח 2 אוכלוסייות, יהודים ממזרח אירופה שהיגרו לארה"ב, ניו-יורק ואיטלקים מדרום איטליה והוא בחר משפחות מסוימות, מיוחדות. יהודים ואיטלקים בעלי 4 ילדים לפחות כאשר 2 מתוכם התבגרו באיטליה או במזרח אירופה (באירופה), ו- 2 לפחות באו בתור ילדים קטנים, או נולדו בארה"ב. בועז בדק את כל המשתנים ששונים בהם, אחד המשתנים היה הפרש בגובה באופן פנומנאלי, בתוך אותו ממוצע הפרש של 20 ס"מ. הפוטנציאל הגנטי היה אותו דבר, אבל כאשר הם הגיעו לניו-יורק האחים שהגיעו לפני גיל התבגרות או נולדו בניו יורק היו גבוהים ב- 20 ס"מ פלוס מאחיהם. ההשערה (פרשנות) היא שהתזונה שלהם השתנתה ולכן הם מיצו יותר מהפוטנציאל הגנטי שלהם. סטודנט בשם שפירו עשה את אותו ניסוי בהוואי, עם משפחות יפניות, אותו ניסוי בדיוק וגילה את אותו דבר, משפחות שעברו מיפן לארה"ב, השווה מתבגרים והגיע לאותה מסקנה. מסקנה- גם למבנה גוף, וגובה מדובר בפן תרבותי, הפוטנציאל גנטי אך מימושו הוא תרבותי. תזונה, גובה זה התנהגות נלמדת ומכך זה תרבות. גם המשקל, האופן בו נתייחס אליו תלוי בתרבות שלי. בתרבות אחרת יתכן, שהורדת משקל או העלאת משקל זה נתפס באורח שונה, שמן זה יפה.<br />
מוביל לשאלה מהם יחסי הגומלין בין סביבה (תרבותי) לתורשה (ביולוגיה)? האם קמטים זה לתורשתי כמו אמא או תרבותי ? מדובר באינטראקציה. האם תרבות שיזוף מבטיחה יותר קמטים? שאלות נוספות הם לגבי האינטליגנציה- כמה זה תורשתי וכמה זה סביבה? בודקים זאת ע"י מחקרים עם תאומים.<br />
שתי דוגמאות נוספות למה שנראה ביולוגי, אך הוא תרבותי:<br />
1. אוכל- אם אני מסתובבת בפיליפינים ואני רעבה כיוון שגנבו לי את האוכל, לפתע אני רואה אטליז שמרחוק נראה מגרה, אך מקרוב זה כלב- זה לא יעורר את בלוטת הרוק. כלומר, הרעב הוא לא רק ביולוגי, אלא מאוד תרבותי- אני לא אוכל משהו שאני יודעת שמבחינת תרבותי הוא לא לאכילה. אנתרופולוג יצא לעבודת שדה אצל האינואיטים ואמר שהוא אוכל את הכל, אך לא בהכרח אהב את זה. יום אחד ניגש אליו נער ממשפחה שאצלם חי ולפי החיוך הבין שיש לו משהו מיוחד ביד. הוא הסתכל וראה שזה ביצה של ציפור, למרות שאכל כבר ביצה של ציפור הוא הסתכל יותר לעומק הוא ראה עובר של ציפור לא בשל- הוא הבין שאם הוא יאכל את זה הוא יקיא- לבסוף, הבין שהוא לא אוכל הכל, יצר התרבות שלו. אם היה אינואיטי היה מבין שזה מעדן. מסקנה: אנו יצורים תרבותיים גם בהיבט האוכל.<br />
2. מין ומיניות- נראה לנו שהוא ביולוגי לחלוטין, אך מושפע מהתרבות. אנו מכירים שיש לנו הורמונים שמתחילים לעבוד בגיל מסוים והמיניות יוצאת החוצה. האם יש התערבות תרבותית? דת- הנצרות מגבילה תנוחות מיניות. הפתיחות למיניות היא שונה בין חברות, בין דתות, המודעות בחברות שונות וכו'. "הפסיכולוגיה המשווה" הוא תחום שחוקר משווה בין בעלי חיים ואנשים. בהיבט של מיניות, הפסיכולוגיה המשווה גילתה שגם דברים ביולוגיים לחלוטין מושפעים תרבותית .כיווני המחקר:<br />
א. שינוי הורמונאלי- אנו יודעים שההורמונים קובעים את ההתנהגות המינית, אך מה קורה אם מסרסים את החיה, או את האדם? משווים בין חיות לבני אדם וגילו יחס מדויק בין רמת המורכבות של החיה, לבין האדם זה ביולוגי או למידתי. כלומר, אם אני לוקח ומסרס עכבר ומאבד את העניין במין, וכך לגבי עכברה. ככל שאני עולה בסולם המורכבות של החיה,  ההשפעה על ההתנהגות הופכת להיות מורכבת יותר. לדוגמא: אם אני מסרס כלב, זה מונע תוקפנות אך לא מפסיק את החיזור. אם אני מסרסת בני אדם או קופי אדם- התמונה נהיית יותר מגוונת. כלומר, זה תלוי בגיל הסירוס: אם אני אסרס מוקדם, הם יאבדו יותר את העניין במין. אם אני מסרסת מאוחר, נוצרת התנהגות מעורבת תלוית תרבות.  ב. פגיעות מוחיות- מחקר שהוא הפוך מהעניין. קודם כשהפסקנו הורמונים פגענו בביולוגי. במקרה זה ניתן לפגוע בלמידה. למשל, לקחתי עכבר ופגעתי בלמידה, מה קורה בהתנהגות המינית? ככל שאני עולה במורכבות של החיה, התגובה היא שונה. כשאני פוגעת באזור הלמידה של העכבר, לא משתנה כלום באזור המיניות שלו. כאשר אני מגיעה לכלב או חתול ופוגעת באזור הלמידה, חלק נפגע וחלק לא. כאשר מגיעים לאדם ונפגע להם אזור הלמידה, מקבלים התנהגות מגוונת- או שגובר החשק המיני (לפעמים מאבדים מעצורים מיניים), או שמאבדים את היצר המיני לחלוטין.<br />
לסיכום: ביולוגיה מרכזית ביותר בחיות נמוכות, ומשנית בגבוהות. למידה משנית בנמוכות, ומרכזית בחיות המורכבות. למידה יותר משחקת תפקיד אצל בני אדם.<br />
כדי שאנתרופולוגים יחקרו את העניין הזה, איך הם יעשו את זה? מה נצפה למצוא? נצפה לראות כי השונות בין תרבויות תהיה עצומה. זה בדיוק מה שמצאו. המשותף בהתנהגויות המיניות- חדירה של הגבר,נטייה לקיים יחסי מין בפרטיות, ובנוסף שנוטים לקיים יחסי מין בלילה. השונה: ההתנהגות המינית חוץ משלושת הדברים האלו כל שאר הדברים שונים- מה סקסי, מה מושך. דברים אלה גם שונים בזמנים שונים. פעם נשים סקסיות נחשבו לבנות ולכן היו הולכות עם שמשיה, כיום הסקסיות נחשבות כשזופות. אני אצפה למצוא גיוון בהתנהגות המינית. ישנם הרבה התנהגויות אחרות שהם ביולוגים כגון בכי או חיוך.<br />
3.	The integrated  - הלימה, התאמה. חלקי התרבות השונים אינם אוסף מקרי, אלא יש ביניהם אינטגרציה. יש שלוש דרכים לקבל משהו חדש/ שינוי: 1. לקבל במלואו. 2. לדחות אותו במלואו. 3. לקבל אותו תוך שינויים.<br />
איך נוצרת הלימה? קבלה , דחייה או קבלה עם שיוניים. אינדיאנים לא קיבלו את הכפתורים של האירופאים, אבל הפכו את זה לעגילים או שרשראות. מה שקובע אם מקבלים / דוחים או משנים זה מה שקיים. לאט לאט, מה שקיים קובע מה יקרה פה ולאט לאט הקיים קובע ונוצרת הלימה בין המרכיבים, זה משתלב אחד בתוך השני באינטגרציה. ההלימה בין מרכיבי התרבות וחלקיה. דוגמאות להלימה זאת: ראשית, לקחו כפתורים מאירופה לאמריקה. השבטים האינדיאניים אימצו אותם כעגילים. שנית, חוק ההפלות בישראל – אין סיכוי לחוקק חוק כזה, בגלל עניין תרבותי. שלישית, זקנה במערב – במערב נהוג לשלוח זקנים לבתי אבות. אצל האינואיט יוצאים לשלג בגיל מסוים, ברגע בו אתה הופך מעמסה על המשפחה, ואז מתים. רביעית, נשים אתיופיות שמחונכות לצניעות יתקשו בתפקידי ניהול. חמישית, האינואיט אימצו את הנצרות – לא מתייחסים לאלוהים וישו הטובים, אלא לשטן שאותו יש לרצות. השטן הולם את התרבות האסקימואית. Satanic השטן הוא הדמות החשובה בתרבות האינואיטית (בעבר היו אלה אלים רעים).<br />
4.	Characteristic of members of a society – מאפיין של האנשים בחברה. מה ההבדל בין חברה לתרבות, האם זה לא אותו דבר? בקורס נשתמש במושגים לחילופין כאילו הם אותו דבר כי אין תרבות בלי חברה ואין חברה בלי תרבות בחברה האנושית. יש חברות בלי תרבות לדוגמא אצל בעלי חיות, דבורים יש להם חברה במפורש, פועלות, מלכה וכו' אבל החברה פועלת ע"פ אינסטינקט ולא תרבות, אין למידה. אצל בני אדם זה אחרת, זה מושג דומה. אבל קונספטואלית, מושגית זה לא אותו דבר, אפשרי חברה בלי תרבות ותרבות בלי חברה. חברה- קב' האנשים הבודדים היחידים האורגניזמים. תרבות- דרך החיים של מקבץ האנשים, בצורה אחרת ניתן להגדיר כדרך החיים של החברה המסוימת.<br />
לסיכום, תרבות היא "סך הכל של התנהגות נלמדת אשר נמצאת בהלימה ומאפיינת חברה מסויימת" (הובל).</p>
<p>אנתרופולוגיה (איך חוקרים תרבות)<br />
אנתרופולוגיה היא הדיסציפלינה שחוקרת תרבות. אם אשאל מהי אנתרופולוגיה וכל אחד יאמר משהו, הסיכוי גבוה שכל הגדרה תתקבל. אנתרופולוגיה היא אימפריאליסטית, ניתנת להגדרה יותר מצורה אחת, נכנסת להמון תחומים.<br />
כל אנתרופולוג עוסק במשהו/ תחום תוכן אחר. כלומר, השאלה המתבקשת היא מה המשותף לכל המאמרים והחוקרים האנתרופולוגים- שכולם צופים וחוקרים בני אדם. מחקר האדם. אנתרופוס= אדם. לוגיה= ידע / תורה.<br />
אנתרופולוגיה- מחקר האדם בכל מקום ובכל זמן. ארכיאולוגיה כוללת מחקר אדם לאחר המוות, עצמות. אנתרופולוגיה חוקרת את האדם על כל מרכיביו, הפוליטית, המדיני, הפסיכולוגי, סוציולוגי (פולשנית), כלכלי, חומרי, אומנותי.<br />
הגדרה זו לא הייתה כך בתחילת הדרך, בתחילה אנתרופולוגיה יוחסה לחקר חברות פרימיטיביות לא במובן שלילי אלא חברות ללא כתב. אך כיום זה נשמע שיפוטי ולכן יצא מכלל שימוש, מדברים על הגדרה ניטראלית. לאנתרופולוגיה שני כיוונים: אחת ביולוגית והשנייה תרבותית.<br />
	אנתרופולוגיה ביולוגית- חוקרת את האדם כחייה. אנתרופולוגיה ביולוגית חוקרת גזעים שונים, השפעת הסביבה על היבטים שונים. לדוגמא, חקר האבולוציה, השאלה במה שונה אנתרופולוגיה ביולוגית מביולוגיה? אם רוצים לחקור אבולוציה, צריך לבחון האם אני רוצה ללמוד על אבולוציה באופן כללי גם של צמחים, בע"ח ואדם אז ניגש לביולוגיה כי האדם הוא הבט אחד בלבד. אך אם אני רוצה להתמקד באבולוציה של האדם ניגש לאבולוציה של אנתרופולוגיה ביולוגית, זאת כיוון שהתרבות משפיעה על האבולוציה : באמצעות תזונה (כפי שהוצג שיעור קודם), או באמצעות חוקי גילוי עריות שזה תרבותי, משפיע על האבולוציה כי גורם לי להתחתן עם אנשים מסויימים, יש חברות שאסור להתחתן 20 דורות מצד האימא. בחברות אחרות מותר להתחתן עם הדוד, לדוגמא אצל היהודים 11% בחברה החרדית עושים זאת. החוקים התרבותיים קובעים גנטיקה ואבולוציה ואיזה מחלות יעבור (טאיי זקס), דעות קדומות משפיעות, שחור מתחתן עם שחור ולבן מתחתן עם לבן זה קובע את מעבר הגנים ואבולוציה. כדאי שאנתרופולוג ידע את החוקים על מנת לחקור אבולוציה. לסיכום, אנתרופולוגיה ביולוגית הוא ענף אחד של אנתרופולוגיה ולא נעסוק בכך בקורס.<br />
	אנתרופולוגיה תרבותית חברתית- חוקרת את האדם כיצור חברתי ותרבותי. באנגליה הדגש יותר חברתי ואנתרופולוגיה נחשבת כסוציולוגיה השוואתית ובארה"ב דגש יותר לתרבותי פסיכולוגי ועוסקים באנתרופולוגיה נטו.</p>
<p>איך האנתרופולוג חוקר תרבות? בהקשר זה צריך להבין את ההבחנה בין אתנוגרפיה ובין אתולוגיה. אתנוגרפיה – הנתונים, העובדות. אתנולוגיה – ההסבר, התיאוריה, ההבנה של הנתונים.</p>
<p>אתנוגרפיה - הנתונים, העובדות, צילום הנתונים, כלומר תיאור מפורט של תרבות מסויימת או היבט מתוכה. גם הדו"ח על התרבות נקרא אתנוגרפיה. (כלי: עבודת שדה)<br />
אתנולוגיה- זה ההסבר, התיאוריה, ההבנה כלומר הניסיון להסביר את העובדות האתנוגראפיות שנאספו. (כלי: השוואה)<br />
שני מושגים אלו לא מנותקים, אין אחד בלי השני, יש לראות זאת על קו רצף בין קוטב אחד אתנוגרפי לקוטב אתנולוגי.  מדוע אין אתנוגרפיה בלי אתנולוגיה? למה אין תיאור בלי פרשנות? בתיאורים שונים הקטגוריות משתנות, כלומר, כאשר אנחנו נחלק לקטגוריות ונציג אתנוגרפיה היא לעולם לא טהורה כי צורת הארגון שלה מלכתחילה היא כבר פרשנות. זאת אומרת כאשר אני אומר "המבנה הפיזי" של הכיתה, אני בחרתי כך. אחר יכול לבחור את המבנה החברתי / אנושי. הארגון הוא אחר, ושונה בין אנשים. תיאור נתונים בלי קטגוריות עשוי לשעמם, הקטגוריות והפרשנות היא של החוקר וע"פ השקפתו ולכן האתנולוגיה חשובה. עצם החלוקה לפרקים וקטגוריות זה אתנולוגיה. לדוגמא, מפרידים באתנולוגיה בין כלכלה ובין דת, אך בעולם בפועל אין הפרדה כזו והם שלובות זו בזו, ההפרדה היא אתנוגרפיה שכוללת פרשנות.<br />
לדוגמא: תרגום מושגים, נירוונה- איך מתרגמים אותו, יש בעיית תרגום, כאשר אני מתאר זאת אין לי דרך ולכן האתנוגרפיה כבר מלאה פרשנויות. המילה חסד בעלת קושי לתרגום לאנגלית, חסד הוא לא תיאור אתנוגרפי כי הוא כולל היבטים פרשניים.  לכן אנו מציעים שאתנוגרפיה ואתנולוגיה לא טהורים בפני עצמם ויש רצף בינהם. מהכותרת של המאמר ניתן לדעת לאיזה קוטב זה הולך.<br />
אתנוגרפיה חוקרים באמצעות עבודת שדה ואתנולוגיה באמצעות השוואה בין תרבותיות, משווה היבטים בתוך האתנוגרפיה. אתנוגרפיה זה איסוף הנתונים ואתנולוגיה זה פיתוח התיאוריות דרך השוואה בין תרבות וחברות.<br />
אנתרופולוגיה ע"פ גדי כוללת 3 מרכיבים: א. חוקר תרבות- האדם כנושא תרבותי. ב. אוסף נתונים בעזרת עבודת שדה<br />
ג. מפתח תיאוריה בעזרת השוואה בין תרבותית.</p>
<p>עבודת שדה- תצפית משתתפת, עבודה שנעשית בסביבה הטבעית של הנחקרים, יוצאים לחקור את האדם / הקבוצה במקום שהוא חיי. היתרון בצורה זו הצפייה וההשתתפות, צופה משתתף בכל הפעילויות. לא ניתן ליזום השפעה של חברות רב לאומיות על קב' ביער האמזונס אך ניתן לצאת ולחיות שם ולראות אם יש השפעה של חברות רב לאומיות על החברה הזאת. במקום לעשות ניסויים אנחנו צופים בכיוון האנושי הקיים, בתרבות האנושית ומסתמכים על אתנוגרפיה ועל השוואה בין תרבותית.<br />
•	עבודת שדה אתנוגראפית-  מחקר ממושך של חברה במקום שהיא חייה בו שנועד לאסוף אינפורמציה מפורטת ומעמיקה על אמונות רעיונות עמדות ופרקטיקות / נוהגים בחברה דרך השתתפות בפועל בחיים החברתיים בה. בתוך עבודת שדה, תצפית משתתפת- שיטת החקירה לפיה האנתרופולוג לומד וחוקר את אמונותיה ונוהגיה של קב' תרבותית באמצעות השתתפות חברתית ותצפית אישית מתוך הקהילה לאורך תקופה ממושכת. כאשר אתה משתתף אתה לומד יותר פרטים ואתה נכנס לקונטקסט. כאשר נכנסים לחברה זה יש יותר יכולת ללמוד עליה. דווקא בחברה שאתה לא מכיר יש יותר סיכויי שתלמד אותה ועליה דברים שלא היית מצליח להגיע אליהם בחברה שאתה כבר מכיר כי בחברה שלך יש לך דעות קדומות וניסיון אישי.<br />
•	חסרונות דילמות וקשיים בעבודת שדה:<br />
1.	החוקר צריך להשתלב בחברה לא מוכרת לו – איך הוא נכנס לשם? איך יוצרים קשרי ידידות שיאפשרו מגורים במקום והשתלבות מקסימאלית? כדי להיכנס לחקור כפר ערבי בצפון – איך ניצור קשרים? באילו חוגים נסתובב?<br />
2. החוקר צריך לבחור עד כמה להיות כמוהם? "Wannabe" – עד כמה הוא הופך חלק מהם ועד כמה הוא משפיע בהשתתפותו על הנעשה. זהו קושי של תצפית משתתפת – צריך להיות כמו כדי להיכנס לשיתוף בתופעה, אך מה הגבול? אף פעם האנתרופולוג לא הופך ממש "כמו" – אך עד כמה לנסות? (מאמר "קרן רחוב").<br />
3.	הלם תרבות – החוקר נכנס לחברה לראשונה וצריך ללמוד את שפתה. החוקרים, גם אלה הפתוחים בדעותיהם, עדיין ימצאו תופעות מוזרות שיהוו הלם תרבותי.<br />
4.	בעיות אתיות – בעיות מוסר. למשל, אישה כורעת ללדת בשבט אקפלה באפריקה. יש אנתרופולוג שנמצא באותו זמן בשבט. הלידה מתארכת וקשה, ולאנתרופולוג יש מכונית. הצ'יף מאמין בשאמאן שמסייע ללידה ובסגולותיו. האם האנתרופולוג יכול לצאת נגד הצ'יף והשאמאן או מצד שני להשאיר את האישה למות? כעת יש דילמה אטית, האם להציל אותה ולהסתכן בהתערבות מעבר לצפייה גם התערבות. (בסופו של דבר אשתו של האנתרופולוג הסיעה את היולדת לביה"ח והצילה אותה). </p>
<p>מחקר השוואתי בין תרבויות: אוספים את האתנוגראפיות ומשווים. מבצעים פיתוח תיאוריה על בסיס הנתונים שנאספו בחברות השונות. ההשוואה מביאה להבנה הרחבה ביותר של התיאוריה. "מרגרט מיד (Mead): התבגרות בסמואה" – חקרה התבגרות בסמואה לעומת חברות אחרות ומערביות. היא גילתה שאין אוניברסאליות בסערת גיל ההתבגרות. היא טענה בעקבות מחקרה, שבסמואה אין סערה, קיום יחסים נחשב חופשי וההתבגרות רגועה יותר. ההשוואה הביאה למסקנה תיאורטית. מספיק שהיא מראה שבחברה אחת אין מרד בגיל ההתגרות, ניתן להסיק מכך שזה לא אוניברסאלי. לכן ההנחה שלנו שזה ביולוגיה היא לא נכונה. היא הראתה שדברים מסוימים, הם נחשבים אוניברסאליים, אך הם לא. כפסיכולוגי ניתן להשוות בין שיטות טיפול בין תרבויות. פעמים רבות תהיה השערה תיאורטית שלאמונה יש אלמנט מרפא בתרבויות שונות – אחד המרכיבים המשותפים בין תרבויות העולם היא האמונה ככוח ריפוי נפשי, פסיכולוגי (רופאים, למשל, לא מכניסים לניתוח אנשים שלא מאמינים ביכולתם להירפא. צריך רצון בשביל להתעורר מהניתוח).</p>
<p>תקשורת: תקשורת נחלקת לשני סוגים: תקשורת מילולית ותקשורת בלתי מילולית.<br />
תקשורת מילולית: השפה, קיימת הרבה לפני האנתרופולוגיה. חקר השפה שייך לבלשנות ולא לאנתרופולוגיה בישראל ואירופה. בשאר העולם, חקר השפה שייך למחלקת האנתרופולוגיה.<br />
סמלים- כדי להבין שפה, צריך לדעת מה זה סמל. הלן קלר הייתה ילדה עיוורת וחרשת ולכן גם אילמת. היא גדלה במשפחה אמידה בארה"ב וזכתה לקבל טיפול ממטפלות. רוב המטפלות לא החזיקו מעמד והתחלפו. הסיבה הייתה הקושי בתקשורת – התנהגה כפרא, טעמה ומיששה מזון של כולם, זרקה חפצים, טיפסה על שולחנות. עד שבאה מטפלת שרצתה להשתמש בשיטת ה"עיצוב" ע"י חיזוקים – מניעת אוכל עד שתתנהג כשורה. להורים היה קשה להסכים לשיטה הזו, ושברו למטפלת את השיטה. בשלב מסוים המטפלת ביקשה לגור עם הלן לבד בבקתה בתחום החווה שלהם. שם היא הצליחה לחנך אותה בשיטה הזו – לאכול בסכין ומזלג, נימוסי שולחן, התנהגות בציבור. המורה רצתה גם ללמד אותה מילים – היא הקישה לה על היד דפוס מסוים של הקשות שתואמות להברות מסוימות. היא הכניסה לה את היד למעיין והקישה "מים" שוב ושוב. בשלב מסוים הגיע רגע מרגש, שאותו תיארה הלן קלר עצמה בבגרותה, שבו קלטה שהברות חוזרות על עצמן שוב ושוב, תפסה שיש קשר ("מ" במים היא כמו "מ" בשמים) – קלטה מהם סמלים. מ' הפכה עבורה סמל. ברגע זה היא הפכה לבן אדם – ברגע שבו אתה קולט מה זה סמל. אין צורך לקלוט אלפי ווריאציות שונות של דברים, אלא לקלוט את 22 הסימנים שבשילובים שונים יוצרים סמלים.  יותר מאוחר התברר כי היא אינטליגנטית והפכה להיות דמות מוכרת בארה"ב. היא והמורה כתבו ביוגרפיה וטסו ברחבי ארה"ב, וקידמו את עניין הטיפול בחירשים ואילמים מלידה. בתוך הסיפור אנו מגדירים מה זה סמל. סמל בעל 3 אפיונים:<br />
1.	תצוגתיות- משהו שמייצג דבר אחר.<br />
2.	שרירותיות – אין קשר הכרחי בין הסמל למסומל, מה שהוא מייצג. זה הבחנה מקשר איכותני<br />
הסכמה חברתית – צריך שכולם יסכימו שצליל מסוים מסמל משהו. אם נצרח "אש" בעברית באולם קולנוע אמריקאי, אף אחד לא יגיב. כיוון שאין סמל אוניברסאלי המגדיר מהו אש. זה נבדל מהסמלים הביולוגים- צווחה של ציפור בכל הארצות, נשמעת אותו דבר. לעומת זה, המילה שרפה לא עובדת. שפה מורכבת מסמלים. יש יותר סמלים בשפה המילולית מאשר בלא מילולית. </p>
<p>בהקשר לתקשורת מילולית ישנם 3 תחומי מחקר ועניין. מתוכם ב-2 יש תרומה מינימאלית ואנתרופולוגיה והשלישי נותן תרומה רחבה:<br />
1.	בלשנות תיאורית Descriptive Linguistics – תיאור של שפה ברגע מסוים. נקראת גישה סינכרונית, ללא מימד זמן. היא מתארת את השפה כפי שהיא עכשיו או לפני 20 שנה. היא לא עובדת על מימד העומק- על המימד ההיסטורי. לדוגמא: חוקי הדקדוק- מהם הרכיבים של השפה, התחביריים של השפה. תיאור השפה ברגע מסוים- כמה מילים קיימות, מהם המילים וכו'.<br />
2.	בלשנות היסטורית Historical Linguistics – גישה שנקראת דיכאונית בה הדגש הוא על תהליכים דינאמיים, מתפתחים. יש מימד זמן. למשל: איך שפות מתפרצות, מתפתחות, מתי. משאלות רחבות לשאלות מצומצמות. נושאים רחבים: מתי השפה העברית התפצלה מהערבית? איך נוצרות שפות חדשות? התייחסות למשפחות של שפות) ועד לנושאים מצומצמים: כגון מתי "לגמור" הפכה מילה גסה? מתי הפכה המילה "קול" למקובלת כשמקורה בגטו השחור בארה"ב? איך סלנג הופך לגיטימי? מאיפה יש פרשנויות שונות לביטוי "חבל על הזמן?" מתי המילה "חתיכה" הפכה מעלבון למחמאה?). בלשנות היסטורית בוחנת למה מילים מסוימות מתקבלות ואחרות לא? מדוע אנו לא קוראים לטלפון "שח-רחוק" כפי שדורשת האקדמיה? האסקימואים שנתקלו לראשונה בנשיקות על הפה המערביות קראו להן פוביצ'יק (ציוץ של עכברים).<br />
האנתרופולוגיה תורמת מידע רחב לשפות לא מוכרות ולא ידועות. היא מוסיפה מידע מתרבויות שונות, שפות שלא מוכרות במערב. דרך זה היא תורמת מידע להשוואה בין תרבותית. כל עוד שחוקרים אנתרופולוגיים חוקרים את השפה שלו, הם לא יידעו שפות אחרות. התרומה האנתרופולוגית היא הרחבת הידע.<br />
3.	יחסי גומלין בין תרבות לשפה:<br />
א. איך תרבות מעצבת שפה- השפה נענית לצרכים התרבותיים.  צריך מילים אשר יתארו דברים בכל העולם. צריך שאנשים יידעו לתקשר אחד עם השני. במילון האמריקאי יש מאות מילים שקשורות באוניות, כיוון בריטניה המון שנים הייתה מעצמה ימית. היו צריכים שמות לכל מיני תפקידים על הספינות. ב-20 שנה האחרונות השפה נענתה לתרבות בעזרת הטכנולוגיה- נכנסו מילים חדשות אשר קשורות לטכנולוגיה החדשה "שדרוג", "תוכנה" ,"באג" וכו'.. בנוסף, יש תרבות של תקשורת וממציאים מילים סביב זה: "מיסרון", "קרדיט" וכו'.. כמו כן  תרבות מעצבת שפה ע"י היווצרות דיאלקטים בתת-תרבויות, לדוגמא: בסדרה זינזאנה יש שפה של אסירים. המשטה הוציאה מילון כדי שיידעו מהי השפה: מלון- תא. דאבל- לפרוץ לבית. יש תת-קבוצות בחברה כמו אסירים, מעמד נמוך מול גבוהה וכו'.. יש להם דיאלקט- שפה משל עצמם. יש שייטענו שזה מגיע לכך שזו שפה נפרדת. יש מי שטוען שהשפה של השחורים שהתפתחה היא ממש לא אנגלית, אלא שפה אחרת. דוגמא נוספת: דיאלקטים חברתיים- בקבוצות חברתיות שונות שיש להם שפה. מישהי עשה מחקר לביטוי מילה, אשר בתרבויות שונות יש צורה אחרת של ביטוי השפה. השפה נענית לתרבות בכך שהיא הופכת להיות כלי למאבק תרבותי- פעם היה אסור לכתוב שפה זרה בתרבות שונה.<br />
ב. איך שפה מעצבת תרבות- היפותזת ספיר- וורף: שילוב של שני חוקרים שבזכותם נוצרה היפותזה הטוענת כי השפה מעצבת את דפוסי החשיבה. אנו שופכים את החשיבה לתוך המילים. המילים הם התבניות. הטענה היא שאנו רואים את העולם דרך השפה. היא קובעת את הסדר בעולם מורכב ומסובך. לדוגמא: צבעים- איך תרבויות שונות מחלקות את הצבעים? אנו מחלקים אותה בצורה מסוימת, אך יש קבוצה הנקראת האנונו שמחלקים את הצבעים רק ל-4, כאשר אחד מהם נקרא מררה שהוא מרכיב הכולל מיהו צהוב, כתום, אדום ועד הסגול. יש להם 4 צבעים בלבד.<br />
דוגמא נוספת: שבט הדני- יש לו מספרים שהם: 1,2 והרבה. כך הם רואים את העולם. מבחינתם השפה יוצרת את הצורה לפיה אנו רואים את העולם. יש ספר שנקרא "ניסה"- המתאר אישה, ניסה מדברת על 3 גברים, על היחס אליהם, על הנאמנות וכו'.. אך איך לא מוזכרת המילה אהבה? האם יש אהבה כאשר היא לא רשומה? הלן קלר אומרת שהיא לא זוכרת את עצמה כועסת,  עד גיל 5 בו היא למדה את השפה, היא זוכרת שהיא רקעה ברגל, אך לא את הרגש, כיוון שלא הייתה לה את המילה. השאלה הפילוסופית היא האם יש לנו רגשות שהן בלתי תלויות במילים? אנו רואים שהשפה יכולה לקבוע את התרבות. קבוצת לסביות אמריקאיות ניסו לשכתב את התפילות כדי שאלוהים לא יהיה גבר- היה להם קשה עם זה.<br />
לסיכום: הבסיס לכל תרבות ותקשורת, והייחוד של האדם- הוא הסמל, השימוש בסמלים.</p>
<p>תקשורת לא מילולית: מסרים המועברים שלא באמצעות שפה. זה תחום הולך ומתפתח. התפתח מהפסיכולוגיה. נושא זה הפך להיות מרכזי, אך חדש מתחום התקשורת המילולית. תחום זה פורח כיוון שללא תקשורת אין תרבות. יהיה קשה ללמד הרבה דברים. לדוגמא: כשפונים לחבר ואומרים "אני רוצה לרצוח אותך" בחיוך, האם זה כך? לא, כיוון שהחיוך שלי העביר מסר הפוך. זה אומר ששפת גוף זה דבר חשוב מאוד. בפסיכולוגיה יש מושג שאותו המציאה נועה אשכול- "שפת התנועה". באנתרופולוגיה הקשר הוא לתרבות. – בהתבוננות בשתי תמונות זהות של אותה אישה, 90% מהגברים בחרו בתמונה הימנית בה האישונים מורחבים יותר. הגברים חשבו שמדובר באותה אישה, אך בחרו בצד הימני. אישונים מורחבים משדרים ריגוש ("לעשות עיניים"). הרמז הוא תת סיפי ומשפיע על ההתנהגות. אפשר לגרום לאדם לנוע לצד אחר בחדר, לא נקשיב לו כשיעמוד בצד מסוים ונקשיב בצד אחר. יש סיכוי גבוה שהאדם ינוע בלי לדעת למה. תקשורת לא מילולית מאוד משמעותית לתרבות.<br />
חוקר בשם אפרון חקר את הנושא הזה ב-1942 – הוא צילם בפארקים ציבוריים בניו-יורק אנשים וחקר שפת גוף. מצד אחד צילם יהודים ומצד שני איטלקים. הוא מצא שהיהודי מדבר עם הידיים, אך בתנועות מהמרפק ומטה. האיטלקי מדבר מהכתפיים. בנוסף, היהודי מדבר עם יד אחת והאיטלקי את שתיהן. היהודי מניע יותר את הראש, והאיטלקי פחות ראש. היהודי יותר נוגע והאיטלקי לא נוגע. הוא בדק את זה בדור שני, דור הילדים ואח"כ בדור הנכדים של יהודים ממזרח אירופה ואיטלקים. הוא גילה כי בדור הנכדים זה מתחיל להעלם- הם מתחילים להיות אמריקאיים. </p>
<p>אפשר לבחון את התקשורת הלא מילולית בסיוע היבטים שונים בחקר שפת הגוף:</p>
<p>קירבה מרחבית- השונות הבן- תרבותית לגבי הקרבה בין בני-אדם<br />
*	מרחק אינטימי – המרחק בין שני אנשים בעלי קשר אינטימי. מהו המרחק בין בעל ואישה, בין חברה לחבר? יש הבדל בין זוגות חילוניים, חרדיים, בדואים. בתרבות מסוימת האישה הולכת 3 מ' מאחורי בעלה. מחקר שנעשה בגנים ציבוריים הראה מרחקים בין חברים. אצל חרדים האישה עולה לפני הבעל לאוטובוס. "שמירת נגיעה" היא כלל תרבותי, למשל. יש הלימה להיבטים אחרים בתרבות.<br />
* מרחק אישי/ אינטימי ("Buble") – המרחק ששומרים אנשים בעלי אותו תפקיד, מעמד, כשאנו עומדים בתור, באוטובוס. מעין "בועה" המקיפה אותנו מול שאר בני האדם (אפשר למדוד בסמ' מתי נתחיל לחוש שלא בנוח).<br />
*	מרחק ציבורי – בין בעלי תפקידים שונים בחברה במצבים ספציפיים. מרצה עומד במרחק מסוים מהסטודנט בהרצאה, ובמרחק אחר בשעת קבלה. משתנה מתרבות לתרבות – אפשר למדוד מתי איש שיווק בתרבות מסוימת מייצר קרבה ע"י המרחק ומתי הוא כבר יוצר איום (קרוב/רחוק) – מה המרחק המתאים פיזית בכל תרבות בשביל לשווק מוצר. אנשים שנוסעים/עוברים בין תרבויות צריכים להתאים את המרחק שהם שומרים מבני התרבות.<br />
 שלושת הדברים האלה מדידים, ושונים מתרבות לתרבות.</p>
<p>מגע גופני- מגע גופני עוסק באיזו מידה תרבויות שונות מכתיבות איך ועד כמה מותג לגעת באדם האחר בתוך התרבות. מהם האזורים המותרים והאסורים. ניתן לעשות השוואה בין תרבויות. כל מי שהיה במרוקו יודע שיש המון הומוסקסואלים כי הגברים הערביים ובייחוד הצפון אפריקאים הולכים יד ביד. לעומת זאת בתרבות המערבית זה נתפס לסימן של אינטימיות, אצל הערביים זה אינטימיות חברית בלבד. בתרבות ישראלית אם נראה 2 נשים אשר משלבות זרוע יד ביד לא נעשה מכך עניין, אך כאשר מדובר בגברים זה מתקבל אחרת. יש הבדלים בין המינים בתרבות המערבית וגם בתרבויות אחרים. אך אם הגברים מאוד מבוגרים, זה יראה פחות אינטימי. </p>
<p>הבעות פנים - ישנן הבעות אוניברסאליות מולדות. ישנן הבעות שמשתנות בין תרבויות ויש בהם למידה.<br />
אוניברסאלי: אושר/חיוך, כעס- גם הבעת כעס לא נלמדת. עצב, סלידה, הפתעה, רתיעה, פחד. כאשר נתנו לכל מיני שבטים הם זיהו את הפרצופים כאושר או רתיעה וכו'.<br />
חוקר בשם אקמן חקר את ההבעות האוניברסאליות, בצ'ילה ובברזיל אשר מזהים אותם פרצופים. גם בכי זה דבר מולד. התרבות מתערבת בשאלה מתי בוכים, כמה ואיך. לדוגמא בלוויות של היוואים בהם נאסר על בכי.<br />
יש רגשות אחרים שאין עליהם הסכמה בין תרבותית הקשורות בלמידה. כמו כן חקרו ברומנים סיניים/ טקסטים אם רגשות מסוימים מיוצגים ע"י אותם סימפטומים כמו בתרבות המערבית ומצאו כי  יש דמיון בהסמקה, חיוורון, זיעה קרה, רעידה, עור ברווז. אך עם זאת  יש דברים שמבוטאים אחרת – "שלחו החוצה א לשונותיהם" = בתרבות המערבית זה ייחשב זלזול, בסין הבעה כזו תחשב כהפתעה. ספיקת כפיים נחשב בסין ביטוי לדאגה או אכזבה. "גרד אוזניו ולחיו" = סימן לאושר. "עיניה התעגלו ונפתחו לרווחה" = כעס. גם אם ההבעות אוניברסאליות, יש להן ביטויים אחרים. דוגמא נוספת של איפוק וחסכונות בחיוכים- בשבט השאיין באמריקה – חוקרים חשו שם לא רצויים, כי תמיד נציג השבט הסתכל אליהם בחומרה ומעולם לא חייך. אצלנו מצופה שכשאדם פותח דלת עבורך והוא צפה לך, הוא מחייך אליך. </p>
<p>חוקי השתיקה- מתי אני שותק ומתי אני מדבר. יש חוקים של דקדוק. דקדוק של שפת גוף. מערכת כללים שאנו יודעים באופן לא מודע. סטודנט שנפגש במרצה באוטובוס – האם מצופה ממנו לדבר או לשתוק? מצופה שיאמר משהו. חוקי השתיקה הם כאלה שאפשר לשתוק רק אם יש אינטימיות מוחלטת או זרות מוחלטת. בכל רמה אחרת צריך/מצופה לדבר, להתעניין בשלומו וכו'. מדובר ברצף מאינטימיות עד זרות, באמצע מצופה ממך לדבר ואף חובה, בקצוות אתה יכול לשתוק. </p>
<p>שלושה מקורות לתקשורת לא מילולית:<br />
1.	מקור מולד – הבעות פנים ורגשות אוניברסאליות, למשל, בכי, צחוק, חיוכים, הבעות רגשות, הבעות פנים וכו'.<br />
2.	תקשורת שנרכשת ע"י חיקוי – לא מודע- אנחנו מחקים כילדים את הגדולים כמו למשל חוקי השתיקה, המגע בין המינים ובמינים לבין עצמם. מבנה הגוף מזמין צורות מסוימות (איך משלבים ידיים? איך יוצרים מגע עין? הגוף מזמין אך התרבות יכולה לעצב את זה). בתרבות האמריקאית אם אתה גבר אתה לא יכול לשבת רגל על רגל אלה רגל אחת על השנייה ב-90 מעלות, אצל המוסלמים אם תשב ככה בישיבת עסקים ותפנה את סוליית הנעל, לא תתקיים עסקה.  צורת הישיבה בתרבויות שונות משתנה, כחלק מהחיקוי. נוער בסרטים של שנות ה-50 יושבים בכיסאות בכיתה, בשנות ה-60 יושבים על הרצפה. יש המון חיקוי לא מודע, מחקים את הגדולים.  גם טון והדגשי הדיבור משתנים בין תרבויות – בישראל מדברים בטון גבוה ובצעקות בהפעלות למשל ,"לא שומעים אתכם.. לא אכלתם הבוקר", לעומת זאת, באנגליה אם תתנצל אם בנה הרעיש ברכבת. בישראל התחום הפרטי והציבורי מתערבבים. אנחנו מחונכים ע"י התרבות לדבר בעוצמות מסוימות. התרבות מעצבת. אנו לא מבקרים זאת , מדגישים שמדובר בלמידה לא מודעת.<br />
3.	למידה מודעת – שריקה, קריצה, למשל, נלמדת במודע. ילדים מלמדים ילדים אחרים לקרוץ. לחיצת יד גם היא נלמדת באופן מודע. בחור ישיבה חרדי לומד ללחוץ את יד רבו ברכות כאשר היד כלפי מעלה, או "תלחץ את היד כמו גבר", לעומת לחיצת היד של יוצאי אתיופיה.  התרבות מכתיבה, וגם מכתיבה משמעות, לומדים ללחוץ לחיצה שונה מול האדם שמולנו. המרכיב התרבותי גם בתנועות מולדות הוא מרכזי ביותר.</p>
<p>נישואין, משפחה, ושארות במבט בין תרבותי<br />
כלים אלמנטאריים: כדי להבין משפחה, יש להכיר סמלים מרכזיים בתרבות.<br />
טבלת שארות (מצגת)<br />
 =אישה.  = גבר      = (קשר נישואין A Finial),       זוג גרוש/  גירושים.<br />
קשר דם- consagunal יהיה בין צאצאים להורים= l קו אופקי. או קשר דם בין אחים ואחיות – קו אופקי [סמלים מקובלים].<br />
בעזרת הסמלים הללו ניתן ליצור טבלאות מסובכות. דוגמא: קל לראות:<br />
 הבן של הבת של הבת של האחות של אימא  שלי. </p>
<p> =  =   גבר שנשוי לשתי אחיות.<br />
  =  =   אישה שנשואה לאישה ונשואה לגבר. </p>
<p>בתרבות הסינית לסדר של הלידה יש חשיבות, אחד ראשון, שני ושלישי, נכתוב : סדר הטבלה הוא מימין או שמאל או להפך ע"פ מה שקבעתי. ניתן להסתכל על נישואים כהסכם הדדי של זכויות מוקנות, הסכם חוקי שבו כל צד קונה זכויות בבן הזוג השני, אנו מקבלים את המצב הבא, הזכויות הם לעבודה, מי עובד עבור מי, בנוסף זכויות למין וזכויות לילדים.<br />
עבודה-מין-ילדים. במערב אפריקה אישה בעלת מעמד כלכלי יכולה לרכוש אישה – היא משלמת מוהר עבורה ובנוסף לגבר שלה יש לה גם אישה, בדר"כ מבוגרות. אישה זו עובדת במקומה בדר"כ, היא מעבירה את הזכויות למין לבעלה והילדים שלה, ילדי האישה הנרכשת יהפכו לילדי הרוכשת. בדרך כלל מדובר באישה זקנה שרוכשת צעירה (בתנ"ך: שרה רכשה את הגר, אלוהים נותן זכויות למים לאברהם, נתנה אותה לאברהם והפכה לאימו של ישמעאל).<br />
* גבר שאשתו נפטרה ונשא את אחותה – גבר הנשוי לשני אחיות, אך אחת מהם נפטרה, אי אפשר לדעת אם נשא את שתיהן בו זמנית ואחת נפטרה או שלאחר פטירת אשתו הוא נשא את אחותה. תופעה כזו נקראת sororate – אחות האישה תגדל את ילדי אחותה בצורה הטובה ביותר.<br />
אפשר להוסיף בטבלה מספר נדבכים, דורות בצורה אינסופית. כל פרט בטבלה מאופיין ע"י שלל הקשרים שלו עם שאר הפרטים בטבלה (אב של... נשוי ל... בן של...).</p>
<p>מונחי שארות:<br />
EGO – האדם שמזווית הראיה שלו אנו מביטים על טבלת השארות (יסומן  או  בצבע מושחר).<br />
מספור: מתחילים למספר מהדור הכי זקן. בטבלה ממספרים את שאר הפרטים בכדי שאפשר יהיה להתייחס אליהם. </p>
<p>מספר 5- בעבור אגו הדוד מצד האם (אח של אמו), 9 - יהיה דוד מצד האבא. דוגמא לתקשורת מילולית- דוגמא לאייך תרבות מעצבת שפה, בן תרבות מערבית זה לא שונה, אבל יש תרבויות שלאנשים אלו יש מונח שונה של קרבה, רק הצד של האבא הוא צד קרובים לך למשל. אנו קוראים לאנשים מדרגות שונות באותה צורה (אח של אבא ואח של אמא ויקראו "דוד" בישראל, במקומות אחרים הם יקבלו שמות ותפקידים שונים). תרבות מעצבת שפה – ושוני בין תרבויות מתבטא בשוני בהתייחסות המשפחתית גם מבחינת שמות תפקידים.<br />
מספרים 20, 18 ייקראו אצל האשכנזים "בן דוד" ללא הבחנה, אצל הספרדים יש הבדל בין "בן דוד" ל"בן דודה" (בהתאמה למין ההורה), דוגמא לעיצוב שפה. חשוב לשים לב להבדל בין דרגות קירבה ודורות בתוך העץ המשפחתי. התרבות קובעת דברים אלו, יש תרבויות ש- EGO קורא ל- 4 , 9, 18 באותו מונח, לאנשים בעלי דרגות קרבה שונות.</p>
<p>ארבע דרגות קירבה שייקראו דוד בישראל: לאח של אבא. לבעל של אחות של אבא. אח של אימא. בעל של אחות של אמא.<br />
שיטות שארות: חברות שונות נוקטות בשיטות שונות של קרבה / דם או נישואין. בבדיקה ככל עולמית של כל התרבויות בעלום נמצאו שתי שיטות ברחבי העולם:<br />
1.	השיטה הבילטראלית (דו-צדדית) – מכירים באופן שווה בשני צידי המשפחה, כמו בחברה המערבית. אין אבחנה בין צד האם לצד האב (בטבלה, כל הקרובים הם קרובים בילטראליים מ- 1 עד 20).<br />
2.	שיטה היונילטראלית (חד-כיוונית או חד צדדית) – בשיטה כזו יש שתי תת קטגוריות:<br />
א.	פטריליניאלית – הקו של האבא.<br />
ב.	מטריליניאלית – הקו של אמא.<br />
בטבלת השארות נראה שהקרובים הפטריליניארים – עולים לגבר הראשון, ראש המשפחה, לאנשים הכי זקנים ובוחרים בה את הגבר מהצד של אגו. הוא הפטרי, ממנו מתחילים לרדת בקו. סופרים את כל הילדים של הגברים, שייכים לקבוצה הפטריליניארית (כולל הבנות). בדור הבא יכללו כל הילדים מצד הגברים וכך הלאה. הבנים והבנות של הגבר נחשבים כקבוצה פטריליניארית (בטבלה: 16, 15, 10, 9, 8, 4, 18, 17). אשתו של הגבר הראשון (בחברה שלנו – הסבתא) לא נכללת במשפחה, אחיה ואביה יגנו עליה. אין קשרים עימה כמו עם הגברים. 19+20 בחוץ כי הם ילדים של אישה.<br />
הקו המטרילינארי עובד לפי העיקרון הבנים והבנות של האישה (בטבלה: 16, 15, 14, 13, 7, 6, 5, 1) הבחנה בין בני דודים צולבים למקבילים (בפורטל). האישה הראשונה ויורדים לילדים של הנשים, כולל גברים שהם ילדים של אח לא ילדים של גברים כמו 11+12 שהם בחוץ. </p>
<p>השמות הם שונים, בחברה הערבית: אח של אבא = נקרא עם, אח של אמא = נקרא חל (השלכות לגבי הגנה וזכויות).<br />
יש הבחנה בין בני דודים צולבים לבני דודים מקבילים, כעקרון קרי שהמין של האחים הוא אותו מין.<br />
בני דודים מקבילים- הם בני הדודים שההורים הם מאותו מין, בטבלה 19-20 ו- 13-14.<br />
בני דודים צולבים- הילדים של אח ואחות. ניתן להתחתן אם בני דודים צולבים אגו יכול להתחתן עם 11 12 או אם 19 20 חשוב לחברות יונילטראליות.<br />
* בחברות בילטראליות ההבחנה הזו לא חשובה, לא קיימת, כי הדודה מצד אבא ומצד אמא זה אותו הדבר, ולכן הילדים שלהן זה אותו הדבר.  לא איכפת לנו אם בן דוד הוא מצד זה או מצד זה. כולם בשבילנו בני דודים.<br />
* בחברות יונילטראליות ההבחנה הזו חשובה כי בני דודים צולבים בחברות יונילטראליות, הם אף פעם לא קרובים שלך.  לא יכולים להיות שייכים בשום דרך! [כי אם החברה היא פטריליניאלית, אז 19 אינה קרובה של אגו ואם החברה היא מטריליניאלית – אז 11 אינה קרובה של אגו. יש לכך השלכות גם על בחירת בני זוג, לדוגמא: בחברות יונילטראליות, אין איסור להתחתן עם בן-דוד צולב, כיוון שאינו קרוב משפחה.</p>
<p>בחירת בן זוג:<br />
מכלים אלמנטאריים, וטבלת השארות נעבור לבחירת בן / בת זוג. נתחיל מהתמונה הכלל עולמית. המבט הבין תרבותי, מבט רוחב על תרבויות בעולם בהיבטים שונים. כאשר מביטים בתמונה הכלל עולמית אנו מגלים שני חוקים של בחירת בן זוג, חוקים בגדר נורמות היודות לכלל.<br />
איך בוחרים בן זוג ברחבי העולם? יש חוקים:<br />
1.	אקסוגמיה  נישואים מבחוץ. החוק שמחייב או ממליץ להתחתן מחוץ לקבוצה אליה האדם שייך (יכול להיות משפחת האב, קהילת הכפר, הקלאן וכו'  איסור גילוי עריות (Incest Taboo). לדוגמא, אסור להתחתן אם דודים.<br />
2.	אנדוגמיה  החוק המחייב/ממליץ להתחתן בתוך הקבוצה אליה האדם שייך  כגון נישואי בני דודים. איסור גילוי עריות הוא אוניברסאלי וקיים בכל העולם (חתונה בתוך המשפחה). דוגמה לאנדוגמיה – יהודי מעדיף להתחתן עם יהודיה. אצל האבורג'ינים באוסטרליה חובה להינשא לבת דודה צולבת.<br />
3.	אהבה רומנטית  יוסבר בהמשך.<br />
דוגמא לאקסוגמיה: האיסור על גילוי עריות  Incest Taboo מדובר בחוק שהוא אמוציונאלי מכולם, חוק חברתי.  ובתרבויות שונות יש דחייה מניסיון ליצור קשר כזה בתוך המשפחה – הפנמה עמוקה של האיסור (נסביר את האיסור באמצעות "הכללות אתנוגראפיות"  אתנוגרפיה- תיאור הנתונים. הכללה אתנוגראפית היא ארגון נתונים באנתרופולוגיה  בקבוצות בעלות סדר, מהם הנתונים הדומים. אין מדובר בפרשנות, אלא בתיאור הנתונים באמצעות הכללה. לדוגמא בתי מלון: לכולם יש בריכות, חדרי אוכל, קבלה ואנשי מקצוע וכו'. הכללות לאיסור גילוי עריות :<br />
1.	האיסור על גילוי עריות הוא אוניברסאלי. כלומר, קיים בכל החברות בעולם. בכל החברות אין יחסי מין בין הורים לילדיהם בכל העולם. הכללה זאת תקפה גם לגבי יחסים בין אחים ואחיות, אך לכלל הזה יש יוצאים מהכלל (בחברות בהם מותר לאחים ורצוי שיתחתנו כגון, אצל האינקה, אצל המלכים במצרים העתיקה ובהוואי חובה שאח יינשא לאחותו במשפחת המלוכה, מתוך תפיסה שלאח השני בעיני המלך יש עוצמות של כוח שיהרגו אדם פשוט (הנסיך לא יכול להינשא לבת העם. העוצמות בגופו יהרגו אותה). מדובר במקרים חריגים – רק בן/בת המלך חייבים להינשא זה לזה ורק בתרבויות הנ"ל.<br />
2.	הרחבה- בכל החברות בעולם האיסור מורחב מעבר למשפחה המיידית הגרעינית, במידות שונות. ההרחבה שונה בין החברות. כלומר מס' הקרובים או הדורות שהיא כוללת. הרחבה של האיסור מעבר לחברה המיידית. יש חברות שבן האיסור על גילוי עריות כולל 20 דרגות קרובים מדרגות שונות אצל הטרוברואנדרים (אי באוקיינוס השקט) האיסור הוא אפילו 20 דורות מצד האם. בחברות אחרות האיסור מאוד מצומצם. אצל יהודי אתיופיה – איסור גילוי עריות חל על 7 דורות לפחות. בחברה הבדואית האיסור מצומצם, יש אפשרות להינשא לבני דודים, גם ביהדות החסידית – הדוד נישא לבת אחיו, החרדים 11% נשואים אחיינית עם דוד.<br />
3.	מעבר למשפחה הגרעינית, אין קרוב מדרגת משפחה אחרת ספציפית שבכל חברה אסור להתחתן איתו. מערכת האיסורים בכל חברה היא שונה. הכללה שעוסקת באדם המסוים מעבר לתוכן, מעבר לאיסור הקשור במשפחה הגרעינית אין עוד כלל איסור. אין עוד אדם ספציפי בעולם כמו אמא או אבא או אח.<br />
4.	אין מתאם עם קרבה ביולוגית. אין קשר עם קרבה ביולוגית. כלומר, בחברה אחת אסור דרגה 7 מצד אחד ומותר להתחתן עם דוד מצד שני. קרבה ביולוגית היא לא הגורם הקובע את כללי הרחבת האיסור. כלומר, לפעמים ביהדות אפשר להינשא לקרוב שמצד אחד הוא קרוב ביולוגית (אח של אמא) הפרש של דרגת קרבה אחת, אך מצד שני קרוב בדרגה כזו מצד האב הוא איסור מוחלט.<br />
5.	תמיד יש עבירות. כלומר, אין חברה בעולם שאין בה עבירות. עבירות של אב-בת, אח-אחות נפוצות יותר מאשר אמא-בן.<br />
6.	האיסור על גילוי עריות הוא מאוד אמוציונאלי, ועומד בכל העולם בראש סולם האיסורים. ההסבר לתופעות הנ"ל - איסור גילוי העריות אוניברסאלי ורווח בכל העולם.</p>
<p>כעת נעבור לאתנולוגיה, להסברים מדוע? איך נסביר את העובדה שאיסור לגילוי עריות נפוץ בכל העולם, קיים בכל העולם וכל כך מוכלל.<br />
	תיאוריה אינסטינקט מדחייה. יש נטייה לא לקיים יחסי מין עם בן הקבוצה או בתוך המשפחה. אולם, איך בחורה יהודיה יכולה להיות עם דודה ובחורה טרומבריאנית יכולה להינשא מאינסטינקט לדוד מצד אחד ולא אחר? פה אנו טוענים שאינסטינקט הוא לא אוניברסאלי.<br />
	ייתכן הסבר ביולוגי/גנטי – יוולדו ילדים לא בריאים. אם זהו ההסבר, האיסור היה צריך להיות במתאם עם הקרבה הביולוגית (עם ההתרחקות הביולוגית האיסור צריך היה לפחות ואין זה כך). כל בני אדם בכל העולם מכירים בסכנות הביולוגיות, יודעים עליהם ובגללם הם יצרו את האיסור. אנחנו מניחים שכל החברות מכירות אך זה לא נכון. למשל בחברה הטרומריאנית מאמינים שתפקיד הגבר בהולדה הוא לפתוח את הילד ביחסי מין לפני הרוח שנכנסת והיא הסיבה לילד. תפקיד הגבר הוא לא גנטי ולא ביולוגי. יתרה מזאת יש תרבויות כגון בדואיים שטוענים שעל אף שידועה הבעייה הגנטית המסורת יותר חשובה. אם אין התאמה בין האיסור ובין הקרבה הביולוגית אז לא יכול שההסבר המרכזי הוא שחברות מכירות את בעיית הקרבה הביולוגיות. להסבר הגנטי תפקיד מסוים באיסור אך זה לא התפקיד המרכזי.<br />
	התיאוריה של מלינובסקי, שנתקע במלחמת העולם השנייה באיי טרובריאנד באוקיינוס השקט למס' שנים ועשה שם עבודת שדה מקיפה – טען שבמערכת המשפחתית שאמורה להיות מערכת של שיתוף פעולה לא ניתן לאפשר תחרות מינית. מדובר במערכת כלכלית שעוזרת לשרוד ולהעביר את הילדים לדור הבא וחייבים שיתוף פעולה. אם האח יתחרה עם האב על האחות, לא תתקיים משפחה ויהיו רציחות. הכללות מסתדרות בהסבר זה, האיסור בעולם יקבע לפי מה שמוגדר בתרבות כקרבה משפחתית. האיסור עוקב אחרי הגדרת המשפחה של אותה חברה. תיאוריה כזו מסבירה טוב את האתנוגרפיה (הנתונים), הסבר הכי סביר. אם המשפחה מוגדרת לפי צד האם, נישואים עם צד האם יותרו. האיסור תלוי בהגדרת התרבות למשפחה. האיסור על גילוי עריות קיים בכל העולם אך הוא מיושם בכל תרבות ע"פ הגדרת המשפחה. </p>
<p>דוגמא לאנדוגמיה: נישואים מועדפים בין בני דודים בחברה המערבית המוסלמית. באנדוגמיה מחייבים או  ממליצים לאדם להתחתן בתוך אותה קבוצה. יש רצף של המלצות לנישואים בחברות שונות. בקסטה ההודית יש חובה להתחתן בתוך הקסטה.<br />
דוגמה:</p>
<p>המעמד החברתי בחברה הבריטית דומה לקסטה. אם אריסטוקרטית מתחתנת עם מישהו מחוץ למעמד תאבד את האדמות. בחרבה האמריקאית זו המלצה לעומת יהדות שזו נטייה. בחברה הערבית נשים לא יכולות להתחתן מחוץ לקבוצה, כיוון שאם כן יהרגו אותה. PCM- Parallel Cousin marriage, מדובר בנישואי בני דודים מקבילים, תופעה מאוד רווחת בתרבות הערבית, בחרבה הערבית המוסלמית, מדובר בנישואי בני דודים מקבילים. ברוב התרבותיות</p>
<p>שהחברה היא בקו של האבא (פטריליניאלית), ברוב חברות אלו 95% אחוז מבני הדודים מוגדרים כאחים. בחברה הערבית המוסלמית, תופעה זו נדדה לחברות מוסלמיות לא ערביות כגון פקיסטן או קורדיסטן ההמלצה היא, ממליצים להתחתן בנישואי בני דודים מקבילים, העדפה אנדוגמית. </p>
<p>על תופעה שקיימת בכל העולם, אוניברסאלית נשאל – האם מדובר בתופעה גנטית. אם תופעה חריגה, חשוב לשאול האם מדובר במשהו אקראי שיעלם בעתיד, מסתבר שהדפוס קיים בחברה הערבית מאות שנים – לא אקראי, ומופץ בתוך החברה למרות נדירות התופעה בעולם.<br />
דוגמה נוספת לתופעה חריגה: כת בשם shakers אסרה על יחסי מין בכלל , גם בין בעל לאישה, הם חשבו שיטרפו עליהם, האמינו שיצליחו לאסוף חברים חדשים אך היא נעלמה. מדובר בתופעה חריגה ואקראית.<br />
דוגמה נוספת, הקיבוצים יצרו מהפכה סוציאליסטית ויצרו מצב שבו ילדים קראו להוריהם בשמות הפרטיים ולא אבא או אמא, אך תופעה זו נעלמה עם השנים בדור השלישי – חריג. לעומת זאת, תופעת PCM אינה אקראית, היא קיימת כ- 1000 שנה בעלת ספרות היסטורית יפה. </p>
<p>אהבה רומנטית:<br />
השאלה עד כמה חברות לוקחות אהבה רומנטית כקריטריון לנישואין. ישנם 4  גישות המתייחסות לקיום אהבה רומנטית כבסיס לנישואין בחברות העולם, בהסתכלות כלל עולמית:<br />
	חברות בהם אין מונח כזה של אהבה – אהבה אינה קריטריון מוצהר בבחירת בן זוג לנישואין, לא מכירים נושא של אהבה רומנטית. יש נאמנות והתמדה אך רגש האהבה אינו מוכר. ניסה בושמנית, מתייחסת ל- 3 בעלים והמילה אהבה אינה מוזכרת, כך גם בחברת אינואיטים אין מונח של תחושה של אהבה.<br />
	חברות שמכירות באהבה רומנטית כדבר מאוד לא רצוי – אהבה היא סוג של שיגעון, מחלה או השתטות. למשל בחברה החרדית או הערבית. נישואים מאהבה ולא משידוך בגדר כמעט אסורים. החברה מכירה במונח אך לא כבסיס לנישואים. מחנכים מגיל צעיר שזה פסול כדי למנוע נישואים עם גויים – שייעשו מתוך אהבה ולא שידוך. החברה הערבית מכירה באהבה רומנטית כשיגעון וטירוף.<br />
	אהבה רומנטית היא נשגבת ועילאית אך לא מתאימה לנישואין – לדוגמא, האריסטוקרטיה של ימי הביניים מעמד האצולה באירופה חשבה כך. אומרים וממליצים לגברים להתאהב, צריך לכתוב שירה, לחוש את הרגש, אך כאשר מגיעים לשלה הנישואים זה לא מה שקובע אלה נישואין על בסיס כלכלי ומעמדי.<br />
	אהבה רומנטית הכי ראויה וטובה כבסיס לנישואים טובים – נישואים בחברה המערבית והישראלית, חברה המשבחת ומפארת את האהבה. בחברה המערבית התאהבות ואהבה הם הבסיס לנישואין. השאלה היא, איך ייתכן שחברה המעודדת רציונאליות בכל תחום אחר כגון לימודים, עבודה טובה, ביטוח חיים, במקביל מעודדת לא רציונאליות בנושא מרכזי כל כך בחיים של נישואין ומשפחה, איך חברה מערבית מטיפה ליפול לאהבה, לד-לוזיות.</p>
<p>נישואין- שיטות שונות של נישואין<br />
•	נישואים מונוגמים/ מונוגמיה   נישואין לבן/בת זוג אחד/אחת.<br />
•	נישואים פוליגמים/ פוליגמיה  נישואין ליותר מבן/בת זוג אחד/אחת. קיימים 2 תת סוגים:<br />
א. פוליגניה – גבר שנשוי למס' נשים, שתי נשים ויותר.  (ביגמיה היא נישואין רק ל- 2 נשים)<br />
ב. פוליאנדריה – אישה שנשואה לשני גברים ויותר (יותר נדיר). לדוגמא באריסטוקרטיה הטובטנית, או אצל ה"טודה" בהודו. הם מנמקים שם את הרציונאל בסיפוק מיני עם יותר מבן זוג אחד, כי גבר אחד לא יכול לספק אישה אחת, צריך יותר מגבר אחד לאישה. נקרא Fraternal Polyandry – פוליאנדריה של אחאות, כלומר, אישה מתחתנת בדרך כלל עם שני אחים. מצב מקביל שגבר מתחתן עם שני אחיות נקרא sororo polyandry  .<br />
ג. בתוך פוליגמיה נמצאת ביגמיה – רק 2 בנות זוג. פוליגמיה עם יותר מ-2 נשים קיימת בחברה הערבית.</p>
<p>מגורים- *  אין בהכרח חפיפה בין שיטת המגורים ובין עקרון השארות.  יש 5 שיטות מגורים ברחבי העולם:<br />
א.	השיטה הפטרילוקאלית – הכלה מצטרפת למשפחת החתן, לבית הוריו, לכפר שלו. למשל בחברה התנ"כית, הסינית, הערבית כך נהגו. כך רוב המגורים בעולם, הכי נפוץ. החתן מביא את הכלה לבית הוריו.  חברות לדוגמא: החברה הערבית, החברה התנ"כית, החברה הסינית.<br />
ב.	בשיטה המטרילוקאלית – החתן מצטרף אל משפחת הכלה (לבית ההורים, האחיות, הכפר). הכלה מביאה את החתן לבית הוריה או אחיותיה, או פשוט לכפר של הכלה. קיים בחברות מסוימות במערב אפריקה, אינדיאנים בשבט הופי- מערב ארה"ב. הכיוון ההפוך לשיטה ראשונה. התופעה יחסית במיעוט ולא נדירה.<br />
ג.	השיטה הבילוקאלית – הזוג מחליט היכן לגור, יש להם בחירה, שנתיים אצל צד האישה ולאחר מכן צד האב אך מתחיל אצל ההורים. אצל האינואיט הזוג בוחר אם לגור אצל משפחתו או משפחתה, לתקופה זמנית או לתמיד. השאיפה בסופו של דבר לעצמאות. חברה לדוגמא: האינואיט, בשנים הראשונות שלאחר הנישואין.<br />
ד.	השיטה הנאולוקלית – הזוג יוצר יחידת מגורים נפרדת – כמו בישראל, בנפרד מההורים. ההכתבה התרבותית הינה שעוזבים את בית ההורים. שימו לב: מדובר בחוק תרבותי, אך כיוון שהוא מוצלח כולנו משוכנעים שמדובר בבחירה חופשית ולא בהכתבה תרבותית<br />
ה.	השיטה האונקיולקאלית – הזוג הצעיר עובר לגור אצל הדוד של החתן (האח של האם). קיים בחברות מטריליניארית בלבד. למשל אצל הטרובריאנדרים – ששם, ממילא המתבגר עובר לדוד בצד של האימא בגיל ההתבגרות ולכן הוא מביא את הכלה לאיפה שהוא עבר לגור. בחברות האלה, האח של האם הוא הדמות המרכזית בחברה. הוא זה שאחראי לנער, הנער עובר לגור אצלו בנערותו ולכן באופן טבעי מביא את אשתו לגור בבית הזה.אם לאם אין אח – יהיה מישהו אחר שיקבל את האחריות. מרחיבים את אפשרות.</p>
<p>משפחה- המילה משפחה בשפת היום יום מכסה 2 סוגים של משפחות באנתרופולוגיה.<br />
1. יחידת מגורים – היחידה המתפקדת, היחידה הכלכלית, מה שאנו קוראים משפחה ביום-יום Family.<br />
2. יחידות שארות/ קבוצת הקרובים הרחבה יותר – יחידת/ קב' שארות kinship. כמו מוזמנים בחתונה שנקראים "משפחה". נחלק לקינדרד ולקלאן.<br />
אין חברה בעולם שאין בה את שני המרכיבים, גם משפחה וגם הכרה ביחידת שארות. בהסתכלות כלל עולמית, טיפוסי המשפחות נוצרים משילוב בין צורת המגורים וצורת הנישואין.</p>
<p>יחידות מגורים: שלושה טיפוסים של משפחות ווריאציות בתוכן:<br />
א.	משפחה גרעינית, נוקלארית  בחברות בן יש נישואים מונוגמיים (גבר נשוי לאישה אחת ולהפך), ומגורים ניאולוקאליים (יחידת דיור נפרדת) תיווצר משפחה ביולוגית, גרעינית. אנו חברה ישראלית שפועלת כך.<br />
ב.	משפחה פוליגאמית  כוללת 3 תת סוגים: מבוססת על צורות נישואין<br />
1. משפחה פוליגאנית – הבעל, 2 נשים או יותר וילדיהם.  גבר + הרבה נשים<br />
2. משפחה פוליאנדרית – האם, 2 בעלים או יותר וילדיהם. אישה+ הרבה גברים<br />
ג.	משפחה מורחבת/ רב דורית  3 סוגים (העיקרון: מגורים רב-דוריים) מבוסס יותר על המגורים, מגורים משותפים למס' דורות, הפוך לאלמנטארית.<br />
1. מורחבת פטרילוקאלית – בסיס של מגורים של כמה דורות מצד האבא. רק הגברים, הבנים של הסבא והבנות בדור הילדים הלא נשואים (כי הכלה מצטרפת לחתן בשיטת המגורים).<br />
2. מורחבת מטרילוקאלית – בסיס של מגורים של כמה דורות מצד האימא. בנים ובנות לא נשואות, סבתא בעלה מצד אמא, בנותיה הנשואות בלבד, והילדים של הבנות, גם בנים וגם בנות לא נושאים. בת תישאר, בן יעבור למשפחת אשתו.<br />
3. מורחבת אוואנקיוקלית – בסיס של מגורים של כמה דורות אצל הדוד מצד האם (יגורו אצלו הבנים של האמה וילדיהם). בנים מביאים אישה שלהם לדוד, הבנים הנשואים של אחותו של הדוד ונשותיהם, וילדים לא נשואים.<br />
* חשוב לזכור שהקטגוריות האלה הם רק קירוב למציאות: מקרה ביניים – יש אישה בקריית מלאכי שקנתה דירות בבניין בו היא גרה. בכל פעם שילדיה נישאו הם גרו בדירות שלה בבניין, כעת הם גרים ביחד בבנין במדיניות דלתות פתוחות. אי אפשר לקטלג את המשפחה בסוגים הנ"ל: מדיניות דלתות פתוחות בכל הבניין מצד אחד ועצמאות כלכלית של כל בני זוג מצד שני. המציאות שוברת את הקטגוריות, זה רק מבנים קוגניטיביים. </p>
<p>יחידות השארות  שתי שיטות שארות:<br />
	קינדרד Kindred– השייכת לעיקרון הבילטראלי- דו כיווני,קבוצת הקרובים שלי שאינם משפחה כלכלית, היא כוללת דודים, סבים, בני דודים, השארות היא משני הצדדים. הקינדרד הוא אישי כי כשאדם מתחתן, שני הצדדים עבורו נחשבים משפחה. יחידת השארות היא אישית – כשאדם משיא את בנו, הוא מזמין קרובים מסוימים לחתונה. כשאחותו תשיא את בנה, רוב הקרובים יהיו חופפים, אך יצטרפו גם כאלה שקשורים לבעלה. מכאן, לכל אדם יש קשרים אחרים. חופף בחלקו אך שונה בחלק אחר.<br />
	קלאן – שייכת לעיקרון היונילטראלית- חד כיווני. השארות היא דרך אחד ההורים. מקבל את יחידת הקרובים שלך מאחד הצדדים או מצדה של אמא או מצד האבא כלומר, מטריקלאן מצד האם או פטרילקאן מצד האב. לכל קלאן יש שם – אישה שנישאה היא שייכת עדיין לבית אביה בחברות מסוימות, ושמה משתייך לקלאן של המשפחה שלה. היא לעולם לא יוצאת מיחידת השארות.<br />
לסיכום:</p>
<p>לאן מתפתחת המשפחה העתידית: במדעי החברה מנסים לא לנבא את העתיד. ע"פ כל הנ"ל בכל זאת אפשר לנסות לחזות לאן הולכת המשפחה העתידית. איזה סוגי משפחות נראה? המשפחה הרווחת היא משפחה אלמנטארית. מה יקרה למשפחה הגרעינית עם 30% גירושין ו-11% חד הוריות? איך נתייחס לקשרים חד-מיניים, חד הורים, ידוע בציבור, קומונה, ריבוי ויחיד לא נשוי (אבסורד). לאן צועדת המשפחה המודרנית? ברור כי קיימת עדיין המשפחה האלמנטארית. אך עם זאת, יש הרבה גירושין, משפחות חד-הוריות ומשפחות חד-מיניות יש שיאמרו שזה אנומליה, שבר, לא נורמטיבי.<br />
החל מ- 2003 בסקנדינביה התחילו להתחתן נישואים חד מיניים, כיום גם בארה"ב, בישראל כיום מכירים בזכויות אך לא בנישואין.  האם מדובר בטירוף מערכות שמכריח חזרה למסורת? האם הדור מבולבל?<br />
משפחה מוגדרת כיחידה הכלכלית המתפקדת, הקשר בין הצד הכלכלי לצד המגורים. האם הסוגים החדשים של המשפחות יהפכו לגיטימיים עם הזמן או שאולי נשוב למצב של משפחה גרעינית? כנראה שעוד 50 שנה, בפעם הראשונה בהיסטוריה, מה שניבאה מרגרט מיד, יהיה לנו יותר מצורת משפחה אחת בתוך אותה חברה, יהיה ואריאציות. עדיין תהיה המשפחה הגרעינית במערב ויחד עימה יהיו צורות לגיטימיות נוספות: חד-הורית, חד-מינית, קומונה.<br />
בעוד 50 שנה, אם הנכדה תשאל "מה אהיה כשאהיה גדולה?" אז בהיבט של משפחה התשובה תהיה "מה שיהיה יהיה" – ייתכן ותלדי בן מחוץ לנישואים, תינשאי לאישה וכו' – יכול להיות שתישארי ותגורי לבד ותקראי "משפחה" (יחידה כלכלית מתפקדת) – אם מבחירה אדם בוחר להישאר לבד, ומקיים צורת מגורים מתפקדת, אפשר לקרוא לזה אולי משפחה (לפחות לפי ההגדרה).</p>
<p>תחליפים למבנה המשפחה הקלאסי באירופה: הדפוס המקובל בקריביים – אישה עם 4 ילדים וגבר מתחלף (נמצא בן חודש ל-10 שנים). לאישה יש ילדים מגברים שונים. היום דפוס כזה ייקרא בעייתי בחברות המערב, בעתיד ייתכן ויהפוך לגיטימי. גם בשכבה השחורה הנמוכה בארה"ב ישנן משפחות בהם הילדים מגברים שונים. אחוז הלידות באירופה להורים לא נשואים הוא עצום – לא חיים יחד ולא התחתנו פורמאלית. כיום האישה מנצלת את הפיליפינית, העוזרת. בכל העולם המערבי נשים עובדות 3-4שעות פחות, אבל גברים לא עובדים את כל השעות, זה הועבר למכשירים חשמליים ולעוזרות פיליפיניות.<br />
*% לידות להורים לא נשואים: באיסלנד 65%, בנורבגיה 50%, בשבדיה 56%, בבריטניה 39%. אפילו באירלנד הקתולית, שרק לפני 8-7 שנים אישרו בה גירושין, 32% מהילדים נולדים להורים לא נשואים. במדינות מסורתיות/ דתיות: כמו איטליה (9%) ויוון (4%) עדיין השיעור נמוך, אך הבחירה בסוג המשפחה הוא אישי ולאו דווקא מסורתי (ריבוי כלות בהריון).<br />
* המשפחה הגרעינית המערבית חדשה יחסית מבחינה היסטורית. יש שטוענים שעבר זמנה. למשל:<br />
•	*בספר "הסריסה" של ג'רמן גרייר (1971) מועלה רעיון המשפחה הגרעינית כתוצר של החברה התעשייתית, הקפיטליזם. המשפחה המורחבת התפרקה סביב המהפכה התעשייתית ונוצרה משפחה על בסיס ההנחה שהאישה נשארת בבית, צורכת ומנהלת את משק הבית ומגדלת ילדים. זה מאפשר לבעל להיות מפרנס יחיד או עיקרי, והאישה מטפלת ומאפשרת את עבודת הבעל.<br />
•	פרידריך אנגלס דבר על זה שהאישה במשפחה היא המעמד המנוצל, הפרולטריון, והגבר מייצג את הבורגנות (מנצל, משעבד). מרגע שהפמיניזם התקומם (שנות ה-70), האישה השתחררה מהשעבוד ונוצר מצב שאין צידוק לקיום המשפח הגרעינית המסורתית.<br />
•	עזיזה אלהיברי, חוקרת לבנונית-אמריקאית, מדברת על זה שהאימהות נראתה אחרת לפני הופעת המשפחה הגרעינית במערב: כפרים שלמים גידלו ילדים (משפחות, חמולות, שבטים). אחרי המהפכה התעשייתית הזוג מגדל ילדים – בפועל האימא. בסוף המאה העשרים התרחש שינוי נוסף – האימהות הן לא מספקות החלב הבלעדיות. חברת מזון ותאגידי חלב הצליחו לדחוק את חלב האם לטובת חלק מבקבוקים. הרחם האימהי הוא לא בלעדי לגידול ילדים: ילדים נוצרים במבחנה, רחם פונדקאי והשיבוט באופק. יחסי מין הם לא אמצעי הולדה מרכזי (בנק זרע). גברים כבר לא מפרנסים בלעדיים, ההורים אינם כבר המחנכים הבלעדיים.<br />
•	סילביה פוגל ביז'אווי, מדברת על זה שבניגוד לשנות ה-70, היום ניתן להפריד בין נישואים לבין פריון והורות. אפשר להפריד בין הורות חברתית (חינוך) והורות ביולוגית. אפשר להפריד חיים משותפים חברתיים מניהול משק בית משותף (כל אחד מבני הזוג חי בנפרד, הורים גרושים) – המהפכה של המשפחה הפוסט-מודרנית. לזה קוראים גם "שבריריות מבנית" – המשפחה הפוסט מודרנית שברירית מעצם הגדרתה, כי קיומה תלוי בנכונות הפרטיים לקיים אותה (פעם אישה לא יכלה לקום וללכת, ונשארו בגלל הצד הכלכלי). למרות הכל, בכל החברות הפוסט תעשייתיות קיימות עדיין "עבודת נשים" – אישה ממשיכה להיות במספר שעות כפול מאשר גברים בקשר למטלות הבית והילדים. נשים מקדישות בממוצע כפול זמן מגברים לכך. ההבדל המהותי בין ההווה לעבר – היום הן מקדישות פחות זמן מבעבר, למשל, בנורבגיה ב-1970 נשים הקדישו 4% שעות בשבוע בממוצע וגברים 15 שעות. ב-1990, גברים הקדישו 18 שעות ונשים הקדישו 30. העוזרת בית מחליפה את האישה במטלות הבית, כאשר רוב העוזרות במערב הן מהמזרח הרחוק (פיליפינים). האישה המערבית הצטרפה למעמד המנצל נשים מהעולם השלישי, בנוסף: 1) הטכנולוגיה והמכשור החשמלי 2) והתעצמות המזון הקפוא אפשרו לצמצם את שעות העשייה בבית. המקפיא נדרש כדי לאפשר את קיום המשפחה – ילדי מפתח.<br />
בישראל יש עמותה בשם משפחה חדשה, ע"י עו"ד אירית רוזנבלום (1999), והיא עוסקת בניסיון למפות את סוגי המשפחות בישראל ולהרחיב את ההגדרה המשפטית הקיימת. העמותה טוענת ש-40% מהמשפחות לא לגיטימיות בעיני החוק באופן מלא – בישראל יש לגיטימיות רק למשפחה הגרעינית שבה האב מפרנס ראשון והאם עקרת בית או מפרנסת שנייה, ושניהם בני דת אחת. יתר המשפחות לא נהנות מזכויות שוות ולא כפופות לחובות השמורות למשפחה הגרעינית החד-דתית.<br />
למשל, בחוקי העבודה בביטוח לאומי וקופ"ח קשה לקבל שוויון זכויות לאישה. גם כאשר הגבר מרוויח פחות, ההתייחסות היא אליו. אם המשפחה היא רב-דתית, יהיו זכויות שהמשפחה לא תקבל (נוצרי עם יהודיה). בהצעת החוק שמציע הארגון יש לכלול במושג משפחה לא רק בני זוג בוגרים נשואים וילדיהם, אלא גם כאלה שאינם נשואים ולא קשורים קשר דם שמתגוררים תחת קורת גג אחת ומנהלים משק בית משותף ויש ביניהם מחויבות הדדית לחיים משותפים (הגדרה לא קיצונית, אלא כזו המנסה להלום את ערכי החברה הישראלית).<br />
מדיניות הדיור בישראל, זכויות חינוך, מיסוי, שכר נשים – כולם מעודדים נישואים וקיום משפחה. בכל זאת, הלחץ לשינוי גובר: כל זוג שלישי מתגרש, 11% חד-הוריות.</p>
<p>אנתרופולוגיה פסיכולוגית- 5 תחומים מרכזיים של מחקר באנתרופולוגיה פסיכולוגית:<br />
מבט בין תרבותי של תהליכים קוגנטיבים	מחקר בין תרבותי של אישיות.	פתולוגיה ותרפיה.	מחקר בין תרבות של תפיסת האדם.<br />
מתודולוגיה</p>
<p>מתודולוגיה- זה לא תחום תוכן אך לכל אחת מהשיטות יש תהליך מתודולוגי אופיינית לחקור. מתודולוגיה- איך אני חוקר פתולוגיה לדוגמא, איך אני מבצע את החקירה. כעת נציג 2 דוגמאות לכל הבט. מדובר בדוגמאות לשני היבטים , כלומר דוגמאות המשרתות לתהליכים פסיכולוגים ויכולות להיות יעילות עבור אנתרופולוגים. הם מתעניינים בדברים שונים. </p>
<p>1.	תהליכים קוגניטיביים – מדובר בתחום רחב, אחד הנושאים שנעסוק בהם הוא מחקרים העוסקים בתפיסה נקרא פסיכולוגיה השוואתית, טעויות תפיסה, אילוזיות. איזה מן הקווים הנ"ל נראה קצר/ארוך יותר ? נדמה לנו שהקו עם החצים הפתוחים ארוך מהקו אם הקווים הפנימיים. פסיכולוג לא יכול לתת את ההסבר שהאנתרופולוג ייתן, כגון: תשובה האם התופעה של אילוזיות היא אוניברסאלית, האם היא כלל עולמית או ביולוגית? כלומר, אנתרופולוג העוסק במחקר בין תרבותי של תהליכים קוגניטיביים מספק לפסיכולוג מידע האם התפיסה מושפעת מתרבות או שמא מדובר בתפיסה אוניברסאלית (ביולוגית). הסוציולוג או הפסיכולוג לא מבצעים תצפית משתתפת ולכן לא יכולים להסיק על התופעה ברמה האוניברסאלית. יש רמזי עומק, שבתרבויות מסוימות תופסים אותם ובתרבויות אחרות לא. תרבויות מסוימות אינן תופסות רמזי עומק בצורה שאנחנו תופסים אותם. תפיסת עומק – ככל שהעצם גדול יותר הוא קרוב יותר. אם משהו מצויר לפני משהו אחר נקבל תשובה אחרת מהם.<br />
2.	אישיות – האנתרופולוג נותן תשובות שיעזרו למחקר הפסיכולוגי או רק לאנתרופולוגיה. שאלה: מהו המרכיב התרבותי באישיות? הפסיכולוגים לא עוסקים בזה – לא משנה מהי החברה הסובבת אלא באדם עצמו ובמבנים האישיותיים האוניברסאליים. האנתרופולוג ילמד האם המבנים האישיותיים הללו (איד למשל) אוניברסאליים, והאם הם קשורים בחברה בה גדלת. לדעתם הפסיכולוגים הממצאים שלהם תקפים לכל העולם, והם אוניברסאליים. למשל, הפסיכולוג חושב שתסביך אדיפוס הוא אוניברסאלי ולא בודק זאת. האנתרופולוגים בדקו האם תסביך אדיפוס אוניברסאלי, או למשל האם מה שאמר פיאז'ה לגבי תהליכי חשיבה והתפתחות הוא אוניברסאלי. בדקו זאת, ומספיק חברה אחת שאם נמצא שהיא חורגת – התופעה לא אוניברסאלית.<br />
* ישנן שאלות אנתרופולוגיות מובהקות שאינן מעניינות פסיכולוגים:  האם יש אישיות/אופי לאומי? האם יש עקרון מארגן ? האם יש אישיות קבוצתית? אישיות ישראלית? מחקרים כאלו פרחו אחרי מלחמת העולם השנייה – ששאלו האם יש אופי גרמני? האם יש תכונה לאומית שמאפשרת אונס המוני? המחקרים קרסו בשנות ה-60 בגלל בעייה מתודולוגית. ישראלים החווים מפגש קצר עם בני תרבות אחרת, יוכלו לתת הרצאה על האופי הלאומי של בני התרבות הללו. אישיות היא מבנה אבסטרקטי שאנו מניחים את קיומו – איך ניתן לבדוק זאת ברמה לאומית? האם יש אישיות ישראלית? ייתכן וההיבטים ייוחסו לתרבות ה"דוגרי". איך אפשר לבדוק אישיות קבוצתית? יש שני שיטות: מבחנים פסיכולוגיים תלויי תרבות (MMPI), ומבחנים פסיכולוגיים לא תלויי תרבות (רורשך). חשוב להשתמש בכלים שהם לא תלויי תרבות (להוכיח שההתנהגות הזו לא קיימת במדינות אחרות). באנתרופולוגיה משתמשים הרבה במבחן "רורשך" – מבחן לא תלוי תרבות, מבחן המכיל עשרה כתמי צבע/שחור-לבן חסרי משמעות, סימטריים שאנשים משליכים עליהם אסוציאציות. המבחן יכול להינתן לכל בני התרבויות ובאמצעותו לעלות על אישיות לאומית/תרבותית ע"י השוואה בין קבוצות. מבחן כזה הוא פחות תלוי תרבות ממבחן בשם MMPI שהוא מבחן של כ-450 שאלות, הצהרות על עצמי על אישיות החוזרות שוב ושוב – הרבה שאלות הקשורות בידע תרבותי. (בכפר בדרום אפריקה לא בהכרח שמעו על ביל גייטס, למשל. המבחן נכתב במינסוטה, ארה"ב ובודק גם יושר ועקביות (מבחן תלוי תרבות). מבחן תלוי תרבות כי יש שאלות הבודקות באופן כללי על קונצרטים או מחשבים וכו'. ההיגדים מותאמים לתרבות וגם הסיטואציה. תוכן ההצהרות הם תרבותיות, מותאמות לאוכלוסייה הנבדקת. בישראל נעשה ניסיון ע"י חוקר בשם עוז אלמוג לפענח את דמות ה"צבר"-  צורה נוספת, לחפש רמזים לאופי לאומי. בישראל בדק את הקיבוץ.<br />
3.	פתולוגיה ותרפיה – גם כאן ניתן לשאול שאלות פסיכולוגיות: מה יכול לשרת את הפסיכולוגים ע"י האנתרופולוג, יאמר להם, עד כמה נפוצה תופעה מסוימת, בתרבויות נוספות? למשל, סכיזופרניה קיימת בכל התרבויות בעולם, בצורה כזו או אחרת. אחוז הסובלים ממנה בכל העולם דומה – לא תלוי תרבות, מגלה לנו שתופעה זאת בעלת מרכיב גנטי. לעומת זאת, פסיכוזת הווינדיגו – windiggo, תופעה זו תלוית תרבות. קיימת אצל קבוצת אינדיאניות בצפון קנדה בשם "נסקאפי" – האדם מתחיל להתנהג מוזר. בהתחלה האדם מתנתק מסביבתו ורואה את האנשים סביבו הופכים לחיות אותן הוא מנסה לאכול את בשרן. בסרט "הבהלה לזהב" האיש רואה בצ'ארלי צ'אפלין עוף ענק. אצל הנסקאפי מדובר בדרך כלל בבני משפחה שנראים כמו אייל או צבי. האדם החולה רוצה לאכול את סובביו, למרות האיסור התרבותי על קניבליזם בחברה זו. מדובר בהפרעה תלוית תרבות ספציפית, ייחודית שקיימת רק באזור שם.<br />
* שאלה אנתרופולוגית: הקשר בין תרבות ופתולוגיה? התרבות מגדירה פתולוגיה דרך המושג נורמות, שמגדיר סטייה. החריג מהנורמה יוגדר כפתולוגיה – למשל, הומוסקסואליות עפ"י ה-2 DSM (הוגדרה כסטייה/מחלה (שנות ה-80). ב-3DSM הומוסקסואליות כבר אינה פתולוגיה – שינוי שהתרחש לאחר הצבעה ושינוי בנורמות (הצבעה).<br />
דוגמה נוספת: בבריה"מ, בגידה במשטר הוגדרה כמחלת נפש, מי שרצה לעזוב את המדינה, אמרו שהוא משוגע כי מדובר במשטר הטוב בעולם, רק משוגע יכול לחשוב לעזוב ולכן אשפזו אותו. התרבות מגדירה מהי נורמה וכך את הסטייה.  דוגמא נוספת, "סינדרום העבד הבורח" – בשנות ה-60 של המאה ה-19 עבד שרצה לברוח הוגדר כמשוגע – המצב הטבעי של עבד הוא לחיות אצל האדון ולרצות זאת. טיפול בחולי אסטמה היא ע"י עישון, רק לאחר מכן עישון ב-3DSM נחשב כהתנהגות של התמכרות.<br />
אין חברה בעולם שלא מספקת סוג מסוים של תרפיה – לטיפול בבעיות נפשיות. את האנתרופולוג מעניין שיטות התרפיה. דוגמה: "הרבי החסידי כמטפל" – הבט אחד משותף לרבי ולפסיכולוג קליני ששניהם מייצגים סמכות,<br />
שניהם מושפעים מאידיאולוגיה, דתית או פסיכולוגיה מערבית. ההבדלים בדר"כ בייעוץ מול הדרכה מה לעשות בפועל,  הבדל בתהליך ההכשרה בינינו. לדוגמא: אישה שבאה לרבי הסובלת מדיכאון. אשתו של הרב מכניסה לו פתק ואומרת לו שהאישה מבקשת להיכנס. הרבי מבקש מהאישה לחשוב על עשר דקות, על דקה, על 60 דקות, על 10 שעות = 600 דקות, על 600,000 דקות – נצח אינו דקה לא שנה אחת, לא מאה שנים, אלא הרבה יותר, כעת חשבי על בעייתך שנית.  האישה יוצאת עם תחושת הקלה. הרבי בעצם מטפל בה – איך ניתן להשוות את זה לטיפול מערבי אחר? במפגש עם הרבי, מפגש בו הטיפול הוא בשתיקה , שתיקה זו וההתבוננות בפרספקטיבה של הבעייה שלה מול הנצח הביאו אותה להקלה ומוציאה אותה מדיכאונה. כמו כן, יש אפשרות להשוות פסיכולוגיים עממים לטיפול קליני, למשל בכיכר המרכזית של מרקש יושבים מטפלי שיניים, מאלפי חיות, מספרי סיפורים, מוכרים וסוחרים. מתחת ל-6-5 מטריות שחורות ענקיות יושבים מרפאים. אישה ניגשת ומתיישבת עם מרפא מתחת למטריה – ואז שומעים לחשושים ורואים את קצות רגליהם מציצות מתחת. פסיכולוגיים עממים מרוקאים, האם ניתן להשוות את הטיפול הזה למערבי? האם פרטיות נמצאת בכל התרפיות בעולם? המרפא משתמש בקמעות – האם דיבוב המטופל הוא מאפיין של תרפיות בעולם? ניתן לראות פרטיות כהיבט של השוואה, אצל הרב יש פרטיות ובשוק כולם ביחד. ניתן להשוות תרפיה במדדם של פרטיות יוקרה וכו'.<br />
4.	תפיסת האדם – יש בתרבויות שונות תפיסות שונות לגבי מיהו אדם ואיך הוא מורכז, מעל לכל החלק הלא פיזי של האדם. בתרבות המערבית בחלק הלא פיזי? האם ניתן להשוות זאת לתרבות אחרת? ניתן להשוות את החלק הלא פיזי של האדם בתרבויות שונות. למשל, אפשר להשוות בין המערב לאשנטי (קבוצה אפריקאית).<br />
במערב, החלק הלא פיזי כולל את:<br />
1. הנפש – נשמה, ניתנת  ע"י הבורא ומוחזר לו לאחר המוות ומתקיים לנצח.<br />
2. אישיות – נרכשת מניסיונות בילדות ובחיים, ומאפיינת את האדם הספציפי ומשתלבת עם הנפש.<br />
אצל האשנטי, החלק הלא פיזי כולל את:<br />
1. OKRA אוקרה – דומה לנשמה, משהו שניתן ע"י הבורא, נחשב לכוח החיים ומוחזר לבורא אחרי המוות.<br />
2. NTRO נטורו – האופי והאישיות שניתנים לאדם ע"י הזרע של האבא (הזרע קובע גם גורל האדם, אופי ואישיות).<br />
3. MOGIA מוגיה – מרכיב שמועבר דרך דם האם ומהווה את האופי וייחודיות של הקבוצה של האדם. בנוסף, שומר על צורת הנשמה לאחר המוות.<br />
רואים תפיסה אחרת מהמערב של האדם. אנתרופולוגים התחילו לחקור את מושג האדם ולהשוות אותו בין תרבויות ב-20 השנים האחרונות.<br />
5.	מתודולוגיה – נכנסת לכל אחד מהתחומים הנ"ל. מותאמת למבחנים לא תלויי תרבות וכד'.</p>
<p>אנתרופולוגיה יישומית- התחום הרחב של שינוי חברתי- תרבותי מתוכנן ולא מתוכנן.<br />
	שינוי חברתי-תרבותי לא מתוכנן<br />
הנושא של שינוי חברתי לא נולד עם האנתרופולוגיה בתחילתה, במשך שנים רבות האנתרופולוגים בעבודתם התעלמו משינוי. הם עסקו לרוב "בהווה אתנוגרפי", כלומר תיאור החברה כמשהו שקורה בהווה. האתנוגרף משתמש בלשון הווה, לפעמים החברה עברה שינויים מאוד גדולים, אך האנתרופולוג לא תיאר זאת. לאחר תקופה, הוכרה הכרה בשינוי, "100% אמריקאי" – ספר על השפעות של תרבויות שונות ברחבי העולם על ארה"ב. מאמר אחר של מקדונליזציה, שניתן לראות אמריקאים בכל תרבות וכל חברה. השינוי הוא לא מתוכנן. מונחים מרכזיים של שינוי לא מתוכנן: תגלית, בדר"כ לא מתוכננת, המונח השני הוא המצאה, קצת יותר מתוכנן (דרך טובה יותר להשקעה) והשלישי הוא תפוצה/ נדידה, ההמצאה יכולה לנדוד. המצאת הגלגל עשתה מהפכה בתרבויות העולם, נודדים באופן טבעי ולא מתוכנן לתרבות אחרת. בכל מקרה בכל חברה יש שינוי, רוב התיאוריות עוסקות בקצב השינוי- מה קובע אם השינוי היה מהיר או איטי? למשל תרבות ההופי והאינואיט.  המיסיונרים הצליחו להשפיע על האינואיט במהירות אדירה, לעומת זאת על ההופי היה קשה יותר להשפיע או שהשינויים לא התקבלו. מה אפשר את הפתיחות לשינוי? ההופי, קצב האיטי בשינוי נובע מכך שהם חברה מגובשת אבל גם מסורתית, קונפורמית. לעומתם, האינואיט היא חברה אינדוידואליסטית, המעודדת יצירתיות, מספיק שאחד מקבל, אין פיקוח חברתי חריף, אין נטייה לקונפורמיות, אין מנהיג פורמאלי ומסתובבים בקבוצות קטנות – ולכן קל לאמץ את הנצרות במהירות. קונפורמיות לעומת אינדוידואליזם.<br />
אנשים יכולים לקבל את השינוי, לדחות אותו, או לקבל אותו חלקית ולשנות אותו.<br />
	שינוי מתוכנן עיקר האנתרופולוגיה היישומית (Applied Anthv.)<br />
שינוי יזום וניסיון להחדרתו לחברה מסיבות מסוימות. לאורך שנים אנתרופולוגים הסתייגו מכך, כיוון שהם לא שופטים, כאשר משנים משהו רומזים על כך שהקודם לא טוב לכן נמנעים מלהתערב. לפני האנתרופולוגיה, התבצעו שינויים מתוכננים כגון בקולוניאליזם – לדוגמא, הבריטים כאשר כבשו את הודו, ניסו לשנות את תופעת "הסאטי" (לאישה אסור להתחתן לאחר מות בעלה, בקסטות הגבוהות ביותר, שורפים את האישה חיה יחד עם בעלה המת). הבריטים נלחמו בתופעה וניסו להכחיד את המנהג ללא הצלחה. הבריטים נלחמו בפוליגניה בחברה הערבית במזה"ת (ריבוי נשים). כל אלו הם שינויים יזומים.<br />
דוגמאות: רצו שבדואיות יילקחו ללידה בבית חולים, אנתרופולוגים התבקשו להתערב ולהביא את הבדואיות בישראל ללכת בבי"ח – ליצור שינוי, בכדי להפחית תמותת תינוקות. ההמלצה היא לא לשלם ביטוח לאומי אם היילוד לא מגיע לבדיקה עם אימו תוך 4 ימים. כמו כן אנתרופולוגים התגייסו כדי ליצור מצב של יחסי מין מוגנים בהודו למניעת ילודה גבוהה. כל התערבויות אלו עומדים בניגוד לבסיס האנתרופולוגיה – שהיא צפייה בחברה מבחוץ מבלי להתערב. מכאן, האנתרופולוגיה היישומית המתערבת נחשבה "בת חורגת". התפתחה תפיסה שאנתרופולוג יכול להתערב, בה התגבש תחום של אנתרופולוגיה יישומית.<br />
תחומים בהם יש התערבות אנתרופולוגים: * טכנולוגיה חקלאית- הכנסת שינויים בחברה. איך יש לכך השלכות. תחום נוסף * בריאות- תמותת תינוקות, החדרת תרופות (איך לעבור לכדורים).<br />
	טיפול בין תרבותי – איך מטפל בן תרבות אחת בבן תרבות אחרת?<br />
"מרחב היצירה המשותפת"(גדי) = עקרון לעבודה טיפולית, פסיכולוגית וחינוכית, ייעוצית בין תרבותית. איך לבצע טיפול בין בן תרבות אחת למטופל בן תרבות שונה. לדעתו, ניתן לטפל במצב זה אם מקיימים משא ומתן כדבר מרכזי. מו"מ על תפיסות עולם, אמונות, עמדות, התנהגויות. כולל מו"מ על למידה הדדית לגבי דרכי התמודדות נפשית ואופני ריפוי.  טיפול בין תרבותי הוא לא טיפול שנעשה ע"י מערבי או אשכנזי, לא זה ולא זה, מפגש שמתקיים במרחב שהוא לא זהה לתרבויות המקור, אלה נוצר מהמו"מ המחודש.<br />
לדוגמא: יהודי אתיופיה. קוד הכבוד שלהם. אם ניגש לטיפול, בעת הטיפול ביוצאי אתיופיה יש בעיה שדיווח עליה המון יועצים שהם לא מצליחים לייצר קשר עימם, הם נושרים מהטיפול. גדי זיהה שני היבטים: קוד התקשורת עם סמכות שלא אומרים לא, ושפת גוף שונה וזה השפיע על הקשר הראשוני. בנוסף תפיסת התמודדות עם צרות וקשיי חיים בתרבות האתיופית , למשל בתרבות האתיופית * "שומרים בבטן" , לעומת תרבויות אחרות שזה נקשר ללב. כמו כן יש להם תפיסה של  * שכבות, חווה את מה שאני עושה עכשיו, "שכחה אקטיבית", הקהילה כמיכל הצרות, אני לא רק מתמודד לבד, אלא * הקהילה היא המיכל, הצרות לא נשארות אצל אותו אדם, היום אני מחר אתה. הבט נוסף, * סבלנות, כדרך התמודדות, יש להמתין שהצרות תעבורנה. אם אלו דפוסי ההתמודדות , איך ניתן לעבוד עם זה. ע"פ עקרון יצירה משותפת ניתן להתעלם מדברים שמפריעים לי, "קבלה", להתעלם מדברים צורמים אבל שלא מפריעים לי נורא למשל שמישהו לא מסתכל לי בעיניים, לקבל זאת. אני גם יכול להמליץ על אימוץ, לאמץ דברים מתרבות המטופל, אפגוש אותו בלחיצת יד אתיופית וכו'. המרחב מתקיים בשתי רמות:<br />
* רמת הסינתזה – החיבור, לקחת משהו מתרבות המטופל ולהכניס לתרבות הטיפולית של המטפל (צורת לחיצת יד המותאמת למטופל).<br />
* רמת ההמצאה – למשל, בטיפול בחלומות. בחור אתיופי הפסיק לאכול כי הייתה לו "בטן מלאה בצרות", וספר על החלום בו הוא לא מחבק את הוריו למרות המפגש אתם. אפשר לנהל את הטיפול בצורת מו"מ – המטפל יכול לשאול ולבקש מהמטופל לנסות להסביר מה זה אומר. חלום בחברה המערבית מתאר אירועי עבר ודחקים פסיכולוגיים, ואילו המטפל מנסה למצוא עם המטופל פתרונות עתידיים, שניהם מיצרים אפשרויות ניסוי לחלום, כל אחד יוצא מתרבותו, ליצור מרחב משותף ביחד. הבחור האתיופי שלא מורגש במתן פתרונות צריך להתאמץ ולהתקדם עם המטפל במו"מ.<br />
דוגמא:בפגישה בין אתיופי בן 18 הוא סיפר סיפור על מנת להדגים למה לא בטוח שיוכל לעזור, קוף התגלגל מעץ, ונפל לקוצים. הזקן מבקש לעזור לו, הוא אמר שאין לו זמן להוציא את כל הקוצים, רק את הכואב. (הכואב זה שאמו ואחיו נשארו באתיופיה). האתיופי פנה בעזרת משל, וגדי באותו אופן פנה אליו בצורת המשל וכך אפשר לו להיכנס לטיפול . </p>
<p>תיאוריות באנתרופולוגיה<br />
מטרתנו היא להבין התנהגות. חשוב מהן השאלות אותם אנו שואלים? אנו שואלים שאלות שונות בכל תיאוריה. השאלות נובעות מרקע תיאורטי מסוים, באופן מודע או לא מודע. נבחן את חוקי הכשרות בכלל, והאיסור על אכילת חזיר בפרט.<br />
האיסור קיים ורווח במזה"ת שנים רבות. כדי להבין צריך לנקוט בגישה מסוימת. מהן הגישות?<br />
א.	הגישה האבולוציונית (tyler )– תשאל, איך התפתחה התופעה? התיאוריה שלה היא שהחזיר היה כנראה חיה קדושה בחברה שקדמה ליהדות, כאשר קב' יהודיות רצו להרחיק עצמם, החזיר עבר "הרחקה" (Reaction Formation) – כולל בתוכו היפוך. החיה הקדושה הפכה מורחקת = חיה טמאה.<br />
ב.	הגישה הפונקציונאלית – סטרוקטורליסטית (מלינובסקי ורדקליף)- תשאל: באיזו צורה האיסור משרת את החברה והאדם? הגישה הפונקציונליסטית מתרכזת יותר ביחיד, נציג הגישה הזו הוא מלינובסקי (אנתרופולוג שהיה אצל שבט טרובריאנדרים).  לעומתו חוקר בשם רדקליף בראון מדבר על הגישה הסטרוקטוראלית – ואיך האיסור משרת את החברה. בשלב מסוים חברו אותם יחד. התיאוריה טוענת שחוקי הכשרות יוצרים אבחנה תרבותית וחלוקת גבולות חברתיים ברורה סביב החברה. כך נוצרת הפרדה וייחוד תרבותי (אוכל הוא אמצעי משמעותי בחברות). מטרתה להבדיל בין חברות לאחרים.<br />
ג.	הגישה האקולוגית -אקולוגיה תרבותית ( מרווין האריס) – גישה מרקסיסטית מטריאליסטית. גישה זו תשאל: מהם יחסי הגומלין בין התרבות לסביבה הפיזית, בין הכלכלה לטכנולוגיה? התיזה היא שהכל מוכתב בתרבות מהתנאים הסביבתיים, בייחוד הכלכלה והצרכים הסביבתיים. והדוגמא: למה האיסור קיים דווקא במזה"ת? במזה"ת אין תנאים לגידול חזירים (לחות, מים, בוץ). גישה כזו תטען שהמאבק על ארץ ישראל סובב סביב מקורות מים, אין. מרווין האריס יטען שהאיסור נבע מזה שאין מספיק מים במזה"ת לגידול חזירים.<br />
ד.	הגישה הקוגניטיבית (מרי דאגלס)– תשאל: איך בני החברה רואים את עולמם? מהי נקודת המבט של בני התרבות עצמם על ההתנהגויות והתופעות התרבותיות שלהם?<br />
	EMIC אימיק = (מתוך) הסתכלות מנקודת מבט של החברה עצמה, של האדם עצמו, הנחקר.<br />
	ETIC אתיק = ( מבחוץ) נקודת מבט חיצונית לחברה, של החוקר/ת. אסקימואים נקראו כך בפי האינדיאנים. הם קוראים לעצמם אינואיט (=בני האדם. כל השאר ברברים).<br />
גישה זו מנסה להבין את הדקדוק של התרבות דרך נקודת המבט של החברה עצמה, של המשתתפים בתרבות. בתוך הגישה הקוגניטיבית יש מספר גישות. אחת מהן היא "הגישה הסמלית/סימבולית" – מה מסמלות התנהגויות בתרבויות שונות? (הפוך לגישה המטריאליסטית – חשיבות לסמל ולא לטכנולוגיה, הסביבה, הכלכלה). מכאן, החזיר הוא סמל טומאה במזה"ת, עפ"י מרי דאגלס. החזיר הגיע מאוחר למזה"ת, ולכן הוא לא תאם את הסמלים המקובלים של תפיסת חיות במזה"ת – כמו מעלי גירה ומפריסי פרסה (חיות טהורות), והפך טמא. לא מתאים סמלית, החזיר מגיע אחרי ולכן הוא מעורר סלידה לעומת הפרה והכבש.<br />
ה.	הגישה הפוסט-מודרנית – לפיה, אין מקום להשוואה בין תרבויות, הכל ייחודי ויחסי. הייחוד הוא הצידוק. אין חוק אוניברסאלי. גישה כזו הופכת את המדע לספרות – מגיעים לנקודה שבה הרגישות הפוסט מודרנית משמיטה את הקרקע מתחת לכל המדע, הפועל על סמך קשרים והשוואות (נהליזם) – חוסר יכולת לייצר ערכים. הכל נחשב מותר בגישה זו. מכאן, איסור על חזיר הוא משהו שהתפתח במזה"ת, כי כך היה שם צורך. זה קיים, אז סימן שיש צידוק. גישות תיאורטיות שונות הפוכות לגמרי בהסברים לאותה תופעה.</p>
<p>תחומים נוספים באנתרופולוגיה:<br />
	דת  איזו אמונה ופולחנים קיימים ברחבי העולם? (מאמר יורם ביל"ו שעוסק בפולחן קדושים אצל יהודי מרוקו).<br />
	מבנה פוליטי  במבט בין תרבותי: מי מנהיג חברה? מהי שיטת המשפט? מה עושים עם מי ששוברים את חוקי החברה?<br />
	ריבוד  עפ"י העיקרון אי שוויון: מעמדות, קסטות (לא רק בהודו).<br />
	תרבות חומרית  כגון תכשיטים, שמן בבית, מבנה מגורים, גדר בארה"ב או גדר בישראל (גובה בישראל יותר).<br />
	כלכלה  אנתרופולוגיה כלכלית עוסקת ב:<br />
א. משאבים – אילו משאבים החברה מנצלת? מלקטים, רועים, ציידים.<br />
ב. טכנולוגיה – אופן ניצול המשאבים. הטכנו משפיע על האישיות (חברה חקלאית שונה מחברה נוודית – חברה חקלאית היא גדולה, חברה נוודית מצומצמת).<br />
ג. חלוקת התוצרת – מחולקת על בסיס הדדיות (קח-תן), חלוקה מחדש (כולם נותנים לצ'יף והוא מחלק לכולם), או כלכלת שוק (חלוקה על בסיס כסף, למי שיש יותר, קונה יותר). **<br />
*** </p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/uncategorized/test.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHP Introduction</title>
		<link>http://phpforms.net/tutorial/php-basic/php-introduction.html</link>
		<comments>http://phpforms.net/tutorial/php-basic/php-introduction.html#comments</comments>
		<pubDate>Thu, 18 Mar 2010 08:02:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[PHP Basic]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=2405</guid>
		<description><![CDATA[

PHP introduction

PHP is a powerful tool for creating interactive and dynamic web pages. To get skilled in PHP, you should have a basic understanding of HTML/XHTML and JavaScript.
PHP stands for Hypertext Preprocessor. This is a server-side scripting language (like ASP) which supports many databases (MySQL, Informix, Oracle, Sybase, Solid, PostgreSQL, Generic ODBC, etc.) As PHP [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>
<h1>PHP introduction</h1>
</dd>
<dd>PHP is a powerful tool for creating interactive and dynamic web pages. To get skilled in PHP, you should have a basic understanding of HTML/XHTML and JavaScript.</dd>
<dd>PHP stands for <strong>Hypertext Preprocessor</strong>. This is a server-side scripting language (like ASP) which supports many databases (MySQL, Informix, Oracle, Sybase, Solid, PostgreSQL, Generic ODBC, etc.) As PHP is an open source software, it can be downloaded and used for free. PHP is easy to learn and runs efficiently on the <strong>server side</strong>. To get access to a web server with PHP support, you may install Apache (or IIS) on your own server, install PHP, and MySQL.</dd>
<dd>PHP file (&quot;.php&quot;, &quot;.php3&quot;, or &quot;.phtml&quot; file extensions) is returned to the browser as plain HTML. It can contain text, HTML tags and scripts.</dd>
<dd><script type="text/javascript" src="js/links.js"></script></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/php-basic/php-introduction.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS. What is it?</title>
		<link>http://phpforms.net/tutorial/introduction-to-css/css-what-is-it.html</link>
		<comments>http://phpforms.net/tutorial/introduction-to-css/css-what-is-it.html#comments</comments>
		<pubDate>Tue, 09 Mar 2010 09:24:23 +0000</pubDate>
		<dc:creator>golub_yf</dc:creator>
				<category><![CDATA[Introduction to CSS]]></category>
		<category><![CDATA[CSS. What is it?]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1870</guid>
		<description><![CDATA[CSS (Cascading Style Sheets) is a suit of formatting parameters, which is applied to the elements of the web-page to control their shape and location.
Styles are convenient, practical and effective tools for the page makeup and text design, links, images and other elements. The advantages, given by the CSS, are described below.
The division of design [...]]]></description>
			<content:encoded><![CDATA[<p>CSS (Cascading Style Sheets) is a suit of formatting parameters, which is applied to the elements of the web-page to control their shape and location.</p>
<p>Styles are convenient, practical and effective tools for the page makeup and text design, links, images and other elements. The advantages, given by the CSS, are described below.</p>
<p>The division of design and content</p>
<p>The idea of HTML-code being free from the design elements, such as color, script and other parameters, is as old as the world. Ideally, the web-page should contain only tags of logical formatting, and the view of elements is determined via styles. With such division the design formatting and site makeup can be operated simultaneously.</p>
<p>The integrated design of the documents</p>
<p>Site can’t be treated only as the list of the documents linked together, but it is also the integrated position of the main sets and their design. The use of the integrated design of titles, body text and other elements creates the succession between pages, makes the work with site and its perception easier for users. Also the use of styles greatly simplifies the design projecting for the developers.</p>
<p>Centralized storage</p>
<p>As usual, styles are stored in one or in several special files, the link to which is indicated in all of the site documents. Thanks to it, it is convenient to correct the style in one place, meanwhile design of the elements automatically changes on all of the pages, which are linked with the help of the mentioned file.</p>
<p>Advanced opportunities</p>
<p>In contrast to HTML, styles have more opportunities for design of web-pages elements.  You may change the background colour of the element, add a border, determine the font, define the size, location and many other things.</p>
<p>Quick work</p>
<p>When holding the styles in a separate file, it is cached and extracted from the browser cache when accessing to it again. Therefore the code of web-pages is reduced and the time of documents downloading is reduced too.</p>
<p>Note</p>
<p>Cache is a special place on the user’s local computer, where the browser stores the files of the site when accessing it for the first time. When accessing it again, files are taken from the local disk, but not downloaded from the net. Such approach allows raising the speed of the web-page downloading.</p>
<p>Nowadays the modern approach to the sites creation assumes the active use of styles to control the elements form of the web-pages and their makeup. So called sectional make-up or the make-up with the help of the layer gets more admirers, and it supposes the knowledge of the CSS characteristics and their right use on the site.</p>
<p>Note</p>
<p>Conditionally, the web-page makeup is divided into the makeup with the help of the layers and table makeup, where the cells of the table act as the invisible modular grid. In what follows, under the term layer we’ll understand the element &lt;DIV&gt; or &lt;SPAN&gt;, to which the style parameters are added to change the design and position of the element.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/introduction-to-css/css-what-is-it.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS connection</title>
		<link>http://phpforms.net/tutorial/introduction-to-css/css-connection.html</link>
		<comments>http://phpforms.net/tutorial/introduction-to-css/css-connection.html#comments</comments>
		<pubDate>Mon, 08 Mar 2010 09:26:25 +0000</pubDate>
		<dc:creator>golub_yf</dc:creator>
				<category><![CDATA[Introduction to CSS]]></category>
		<category><![CDATA[CSS connection]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1873</guid>
		<description><![CDATA[
There are several ways of adding the styles to the web-page, which differ by their abilities and purpose. The ways of CSS connection are described below.

Associated style sheet

When using the associated style sheet, the description of selectors and their properties is in the separate file with CSS extension , as a rule, and tag &#60;link&#62; [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>There are several ways of adding the styles to the web-page, which differ by their abilities and purpose. The ways of CSS connection are described below.</p>
<ol>
<li>Associated style sheet</li>
</ol>
<p>When using the associated style sheet, the description of selectors and their properties is in the separate file with CSS extension , as a rule, and tag &lt;link&gt; is used to join the document with this file. This tag is put into package &lt;HEAD&gt;, as it is shown in the example 2.1.</p>
<p>Example 2.1. The connection of the associated style sheet.<br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Styles&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;link rel<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;stylesheet&quot;</span> type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span> href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;style.css&quot;</span><span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;h1<span style="color: #00AA00;">&gt;</span>Title&lt;/h1<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>Text&lt;/p<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>The meaning of the tag parameters &lt;LINK&gt; - rel and type remain unchanged, as it was given in this example. Href parameter defines the way to CSS file, it can be set both relatively and absolutely. The stylesheet, which is on the other site, can be enabled this way.</p>
<p>You may see the content of the file mysite.css in the example 2.2.</p>
<p>Example 2.2. File with a style.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">H1 <span style="color: #00AA00;">&#123;</span>
 <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">navy</span><span style="color: #00AA00;">;</span>
 <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">200</span>%</span><span style="color: #00AA00;">;</span>
 <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> Arial<span style="color: #00AA00;">,</span> Verdana<span style="color: #00AA00;">,</span> <span style="color: #993333;">sans-serif</span><span style="color: #00AA00;">;</span>
 <span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">center</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
P <span style="color: #00AA00;">&#123;</span>
 <span style="color: #000000; font-weight: bold;">padding-left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">20px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p>
As we see from this example, the file does not hold any data except CSS syntax. HTML-document also contains only link to the file with style, and in this way the approach of division of the content and design of the site is realized.  That is why the use of joined cascading style sheet is the most multipurpose and convenient way to add the style to the site.</p>
<p>Global stylesheet</p>
<p>When using global style sheet, CSS characteristics are described in the document and located in the title of the web-page usually. This way of style adding also allows location of all the styles in one place.  In this case it is done in the body of the document with the help of the package &lt;STYLE&gt;, as it is shown in example 2.3.</p>
<p>Example 2.3. The use of global style sheet.<br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Global styles&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   H1 <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">120</span>%</span><span style="color: #00AA00;">;</span> 
    <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> Verdana<span style="color: #00AA00;">,</span> Arial<span style="color: #00AA00;">,</span> Helvetica<span style="color: #00AA00;">,</span> <span style="color: #993333;">sans-serif</span><span style="color: #00AA00;">;</span> 
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#336</span><span style="color: #00AA00;">;</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;h1<span style="color: #00AA00;">&gt;</span>Hello<span style="color: #00AA00;">,</span> world!&lt;/h1<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>
In this example the tag style &lt;H1&gt;, which later can be used in this web-page, was defined.</p>
<p>Note</p>
<p>The global stylesheet can be located not only inside of the package &lt;HEAD&gt;, but also in any place of the HTML-document code.</p>
<p>Inner styles</p>
<p>The inner style in its essence is the extension for the single tag that is used on the web-page. For the style definition the tag parameter style is used, and its attributes are indicated with the help of the stylesheet language (the example 2.4).</p>
<p>Example 2.4. The use of inner styles.<br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Inner styles&lt;/title<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;h1 style<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;font-size: 120%; font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #336&quot;</span><span style="color: #00AA00;">&gt;</span>Title&lt;/h1<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>
In this example, the style of the tag &lt;H1&gt; is set with the help of the parameter style, in which the style attributes are enumerated by the way of the semicolon.</p>
<p>Note</p>
<p>It is recommended to use the inner style on the site restrictedly or just to refuse to use them at all. The matter is that the adding of such styles increases the general file volume, that increases the time of their downloading in the browser, moreover complicates editing of the documents for developers.</p>
<p>All the methods of theCSS use, which were described, can be used both independently and in aggregate to each other. In this case it is necessary to remember about the hierarchy of all methods! The inner style is used first, than the global style sheet and the associated style sheet is used last of all.  Two methods of style sheet adding to the document used in the example 2.5.</p>
<p>Example 2.5. Combining of different ways of styles’ connection.<br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Style connection&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   H1 <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">120</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> Arial<span style="color: #00AA00;">,</span> Helvetica<span style="color: #00AA00;">,</span> <span style="color: #993333;">sans-serif</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">green</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;h1 style<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;font-size: 36px; font-family: Times, serif; color: red&quot;</span><span style="color: #00AA00;">&gt;</span>Headline
  <span style="color: #cc66cc;">1</span>&lt;/h1<span style="color: #00AA00;">&gt;</span>
  &lt;h1<span style="color: #00AA00;">&gt;</span>Title <span style="color: #cc66cc;">2</span>&lt;/h1<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>
In this example the first headline is set in red color with 36 pixels size with the help of the inner style, and the next headline – in green color through the global style sheet.</p>
<p>CSS import</p>
<p>The content of CSS file can be imported to the current style sheet with the help of command @import. This approach can be used with the joined style sheet or global style sheet, but not with embedded styles.</p>
<p>Syntax:</p>
<p>@import url ("file name") media types;<br />
@import ("file name") media types;</p>
<p>After the key-word @import the way to the style file is indicated with the help of two methods given – with the help of the direction url and without it. The example 2.6 shows, in what way it is possible to import the style from the inner file to the global style sheet.</p>
<p>Example 2.6. CSS import to the global style sheet.<br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Import&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #a1a100;">@import url(&quot;/style/header.css&quot;);</span>
    H1 <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">120</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> Arial<span style="color: #00AA00;">,</span> Helvetica<span style="color: #00AA00;">,</span> <span style="color: #993333;">sans-serif</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">green</span><span style="color: #00AA00;">;</span> 
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;h1<span style="color: #00AA00;">&gt;</span>Title <span style="color: #cc66cc;">1</span>&lt;/h1<span style="color: #00AA00;">&gt;</span>
  &lt;h2<span style="color: #00AA00;">&gt;</span>Title <span style="color: #cc66cc;">2</span>&lt;/h2<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>
In this example the connection of the file header.css, which is located in the folder style,  is shown.<br />
Similarly the import takes place in the file with the style, which later connects to the document (the example 2.7).<br />
Example 2.7. Import in the joined style sheet<br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
</pre></td><td class="code"><pre class="css" style="font-family:monospace;"><span style="color: #a1a100;">@import &quot;/style/print.css&quot; print;</span>
<span style="color: #a1a100;">@import &quot;/style/palm.css&quot; handheld; </span>
BODY <span style="color: #00AA00;">&#123;</span>
 <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> Arial<span style="color: #00AA00;">,</span> Verdana<span style="color: #00AA00;">,</span> Helvetica<span style="color: #00AA00;">,</span> <span style="color: #993333;">sans-serif</span><span style="color: #00AA00;">;</span>
 <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">90</span>%</span><span style="color: #00AA00;">;</span>
 <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">white</span><span style="color: #00AA00;">;</span>
 <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p>
The example shows the contents of the file mysite.css, which is add to the documents in the way it is necessary.
</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/introduction-to-css/css-connection.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Types of media</title>
		<link>http://phpforms.net/tutorial/introduction-to-css/types-of-media.html</link>
		<comments>http://phpforms.net/tutorial/introduction-to-css/types-of-media.html#comments</comments>
		<pubDate>Sun, 07 Mar 2010 12:44:22 +0000</pubDate>
		<dc:creator>golub_yf</dc:creator>
				<category><![CDATA[Introduction to CSS]]></category>
		<category><![CDATA[Types of media]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1878</guid>
		<description><![CDATA[The wide development of different platforms and facilities forces the developers to create the special site versions for them, that is quite laborious and problematic. At the same time, times and needs change and the site creation for the different facilities are inevitable and necessary link of its development. With a glance of it, the [...]]]></description>
			<content:encoded><![CDATA[<p>The wide development of different platforms and facilities forces the developers to create the special site versions for them, that is quite laborious and problematic. At the same time, times and needs change and the site creation for the different facilities are inevitable and necessary link of its development. With a glance of it, the term of the media type was introduced, when the style is used only for the definite adoption.</p>
<dl class="spiski"><em>Table 3.1. Types of media and their description.</em></p>
<table border="1" cellspacing="0" cellpadding="3">
<tbody>
<tr>
<td width="161" valign="top"><strong>Type</strong></td>
<td width="470" valign="top"><strong>Description</strong></td>
</tr>
<tr>
<td width="161" valign="top">all</td>
<td width="470" valign="top">All   types. This value is used by default.</td>
</tr>
<tr>
<td width="161" valign="top">aural</td>
<td width="470" valign="top">Speech   synthesizers, and programs for playback the text aloud. For example, speech   browsers.</td>
</tr>
<tr>
<td width="161" valign="top">braille</td>
<td width="470" valign="top">Devices,   which are developed on the Braille system. They are aimed for blind people.</td>
</tr>
<tr>
<td width="161" valign="top">handheld</td>
<td width="470" valign="top">Handheld computers and similar devices.</td>
</tr>
<tr>
<td width="161" valign="top">print</td>
<td width="470" valign="top">Printing   mechanism like printer.</td>
</tr>
<tr>
<td width="161" valign="top">projection</td>
<td width="470" valign="top">Projector.</td>
</tr>
<tr>
<td width="161" valign="top">screen</td>
<td width="470" valign="top">Screen.</td>
</tr>
<tr>
<td width="161" valign="top">tv</td>
<td width="470" valign="top">TV.</td>
</tr>
</tbody>
</table>
<p>In CSS commands @import and @media are used to define the media type. With the help of these commands you may define a certain style for elements, it depends on the fact whether the document is displayed on the screen or is printed.</p>
<p><strong>Note</strong></p>
<p>The key-words @media and @import refer to the at-rules. Such name developed from the denotation of the symbol @ - “at” with which these key-words start.</p>
<p>When using style import via @import command, the media type is indicated after the address of the file. At the same time it is possible to set several types at once with commas like it is shown in the example 3.1.</p>
<p>Example 3.1. Import of the style file.</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">  Импорт стиля
  &lt;!--   <span style="color: #a1a100;">@import &quot;/style/main.css&quot; screen; /* Style for displaying the result on the screen */   @import &quot;/style/palm.css&quot; handheld, print; /* Style for printing */ --&gt;</span>
&nbsp;
...</pre></div></div>

<p>In the given example two files are imported – main.css is used to change the look of the document while viewing it on the display, and palm.css – while printing the page and its displaying on the CPC.</p>
<p>The command @media allows the indication of the media type for global or joined style sheet. Syntax:</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #a1a100;">@media media type 1 {</span>
 Description of the style for media type <span style="color: #cc66cc;">1</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #a1a100;">@media media type 2 {</span>
 Description of the style for media type <span style="color: #cc66cc;">2</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>After the key-word @media goes one or several media types, enumerated in the table 3.1, if there are more than one, they are separated by commas. After that the obligatory braces comes, inside of which there is a usual description of the style rules. In the example 3.2 is shown how to set the different style for printing and displaying.</p>
<p>Example 3.2. Styles for the different media types.</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">  Media types
  &lt;!--    <span style="color: #a1a100;">@media screen { /* Style for displaying in the browser */     BODY {      font-family: Arial, Verdana, sans-serif; /* Sans-serif type */      font-size: 90%; /* Font size */      color: #000080; /* Colour of the text */     }     H1 {      background: #faf0e6; /* Colour of the text */      border: 2px dashed maroon; /* Border around the title */      color: #a0522d; /* Colour of the text */      padding: 7px; /* Fields around the text */     }     H2 {      color: #556b2f; /* Colour of the text */      margin: 0; /* Remove indents */     }     P {      margin-top: 0.5em; /* Space before */     }    }    @media print { /* Style for printing */     BODY {      font-family: Times, serif; /* Serif type */     }     H1, H2, P {      color: black; /* black text */     }    } --&gt;</span>
&nbsp;
...</pre></div></div>

<p>In this example we see two styles – one style is used for changing the view of elements when they are displayed in the browser, and the second one is used when printing the page.  But the document’s image can differ from each other, as it is shown in the figures 3.1 and 3.2.</p>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/03/picture.jpg"><img class="alignnone size-medium wp-image-1893" title="picture" src="http://phpforms.net/tutorial/wp-content/uploads/2010/03/picture-300x164.jpg" alt="" width="565" height="308" /></a></p>
<p><em>Figure 3.1. The page for displaying in the browser window.</em></p>
<p><em><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/03/Безымянный.bmp"><img class="alignnone size-full wp-image-1887" title="Безымянный" src="http://phpforms.net/tutorial/wp-content/uploads/2010/03/Безымянный.bmp" alt="" /></a><br />
</em></p>
<p><em>Figure 3.2. The page for printing.</em></p>
<p>It is possible to view the document, in which the CSS is set like the type print, if to print the particular page. Or temporarily substitute the word print for the word screen in order to display the result in the browser. In this way the figure 3.2. was received.</p>
<p>The command @media is used to form one style file, which is divided into blocks according to the device type. Sometimes it is sensible to create several different CSS files –one for printing, and another for displaying in the browser.  In this case you should use tag &lt;LINK&gt;  with media parameter , the value of which are all the types mentioned in the table 3.1.</p>
<p>In the example 3.3 you may see the ways of creation of the links to CSS files, which are aimed for different media types.</p>
<p>Example 3.3. The connection of styles for the different media types.</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span>&amp;gt<span style="color: #00AA00;">;</span>
&nbsp;
  Different media
&nbsp;
&nbsp;
&lt;pre<span style="color: #00AA00;">&gt;</span>...</pre></div></div>

<pre><span style="text-decoration: line-through;"></span></pre>
</pre>
<p>Two joined style sheets are used in this example, the one is for displaying in the browser, and the other is for printing the document. Though two different styles are at the same time downloaded on the page, they are used only for the particular media.</p>
</dl>
<p><del datetime="2010-03-22T13:59:21+00:00"></del><del datetime="2010-03-22T13:59:21+00:00"></del><del datetime="2010-03-22T13:59:21+00:00"><del datetime="2010-03-22T14:00:08+00:00"></del></del></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/introduction-to-css/types-of-media.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Basic syntax</title>
		<link>http://phpforms.net/tutorial/introduction-to-css/basic-syntax.html</link>
		<comments>http://phpforms.net/tutorial/introduction-to-css/basic-syntax.html#comments</comments>
		<pubDate>Sat, 06 Mar 2010 08:27:05 +0000</pubDate>
		<dc:creator>golub_yf</dc:creator>
				<category><![CDATA[Introduction to CSS]]></category>
		<category><![CDATA[Basic syntax]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1904</guid>
		<description><![CDATA[ The way of writing CSS differs from the form of the use of HTML tags and in the overview it has the following syntax.


Selector &#123; property1: value; property2: value; ... &#125;

Selector is the name of the style, in which formatting parameters are indicated.  Selectors can be of several types: tag selectors, identifiers and classes. [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski"> The way of writing CSS differs from the form of the use of HTML tags and in the overview it has the following syntax.<br />
</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">Selector <span style="color: #00AA00;">&#123;</span> property1<span style="color: #00AA00;">:</span> value<span style="color: #00AA00;">;</span> property2<span style="color: #00AA00;">:</span> value<span style="color: #00AA00;">;</span> ... <span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>Selector is the name of the style, in which formatting parameters are indicated.  Selectors can be of several types: tag selectors, identifiers and classes. The necessary style property is written in braces, and its value is indicated after colons. Parameters are separated from each other with semicolon.</p>
<p>CSS is not sensitive to the case, line folding, spaces and tabs, that is why notation depends on the willingness of the developer. So, two ways of selectors’ design and their rules are shown in the example 4.1.</p>
<p>Example 4.1. The use of styles.<br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Use of styles&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   h1 <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#a6780a</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">font-weight</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">normal</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span> 
   H2 <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">olive</span><span style="color: #00AA00;">;</span> 
    <span style="color: #000000; font-weight: bold;">border-bottom</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span> <span style="color: #993333;">solid</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;h1<span style="color: #00AA00;">&gt;</span>Title <span style="color: #cc66cc;">1</span>&lt;/h1<span style="color: #00AA00;">&gt;</span>
  &lt;h2<span style="color: #00AA00;">&gt;</span>Title <span style="color: #cc66cc;">2</span>&lt;/h2<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>
In this example the characteristics of the selector H1are written in line, and for the selector H2 every parameter is located on the separate line. In the second case it is easier to find the parameters and to edit them if it is necessary, but the data volume will increase a little bit at the expense of the active use of spaces and line folding.<br />
<br />
Note<br />
Selectors’ names must begin with Latin symbol (a-z,A-Z) and can contain numerals, for example – terminator4, Titanic2, extra.<br />
<br />
The changing of the importance of the elements with the help of !important.<br />
The authors of the site and its visitors can use their own style sheet. The authors add styles to control the view of elements and layout of the web pages, and the users do it to change some parameters, for example, font size, colour of the titles.<br />
Syntax of the use of !important:</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">Selector <span style="color: #00AA00;">&#123;</span> property<span style="color: #00AA00;">:</span> value !important <span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>
The key-word !important is written with a space after the volume of the style attribute.<br />
Browser uses the next algorithm when enabling the user’s style sheet or simultaneous use of different styles of the author and the user to one and the same selector:<br />
1. !important is added to the author style – the author style will be used.<br />
2. !important is added to the user style – the user style will be used.<br />
3. !important is absent in both the author style and the user style - the author style will be used.<br />
4. !important is in the author style and the user style – the user style will be applied.<br />
The result of use of!important depends on its location and is shown in the table 4.1.<br />
<br />
<em>Table 1. The application result of !important.</em></p>
<table border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="213" valign="top"><strong>Author   style</strong></td>
<td width="213" valign="top"><strong>User   style</strong></td>
<td width="213" valign="top"><strong>Result</strong></td>
</tr>
<tr>
<td width="213">BODY {<br />
/* Grey text, great importance */<br />
color: silver !important;</p>
<p>/* Text size is 8, great importance */<br />
font-size: 8pt !important<br />
}</td>
<td width="213" valign="top">BODY {<br />
/* Black text */<br />
color: #000;</p>
<p>/* Text size is 12 */<br />
font-size: 12pt<br />
}</td>
<td width="213" valign="top">Lorem ipsum dolor sit amet...</p>
<p>All   parameters of the author will be used. The text becomes grey, the size of   items equals 8 points.</td>
</tr>
<tr>
<td width="213">BODY {<br />
/* Grey text */<br />
color: silver;</p>
<p>/* Text size is 8 */<br />
font-size: 8pt ;<br />
}</td>
<td width="213" valign="top">BODY {<br />
/* Black text, great importance*/<br />
color: #000 !important;</p>
<p>/* Text size is 12 */<br />
font-size: 12pt<br />
}</td>
<td width="213" valign="top">Lorem ipsum dolor sit amet...</p>
<p>All   parameters of the user will be used. The text is black, the size is 12   points.</td>
</tr>
<tr>
<td width="213" valign="top">BODY {<br />
/* Grey text */<br />
color: silver;</p>
<p>/* Text size is 8 */<br />
font-size: 8pt<br />
}</td>
<td width="213">BODY {<br />
/* Black text, great importance */<br />
color: #000 !important;</p>
<p>/* Text size is 12, great importance */<br />
font-size: 12pt !important<br />
}</td>
<td width="213" valign="top">Lorem ipsum dolor sit amet...</p>
<p>All   user parameters will be used. The text is black and its size is 12 points.</td>
</tr>
<tr>
<td width="213" valign="top">BODY {<br />
/* Grey text, great    importance */<br />
color: silver <strong>!important</strong>;</p>
<p>/* Text size equals 8 points */<br />
font-size: 8pt;<br />
}</td>
<td width="213" valign="top">BODY {<br />
/* Black text */<br />
color: #000;</p>
<p>/* Text size equals 12 points */<br />
font-size: 12pt<br />
}</td>
<td width="213" valign="top">The   author style will be used: grey colour of the text, the font size equals 8   points.</td>
</tr>
<tr>
<td width="213" valign="top">BODY {<br />
/* Grey text, great importance */<br />
color: silver <strong>!important</strong>;</p>
<p>/* Text size equals 8 points, great importance */<br />
font-size: 8pt !important;<br />
}</td>
<td width="213" valign="top">BODY {<br />
/* Black text, great importance*/<br />
color: #000 !important;</p>
<p>/* Text size equals 12 points, great importance */<br />
font-size: 12pt !important<br />
}</td>
<td width="213" valign="top">Lorem   ipsum dolor sit amet...</p>
<p>When   adding !important to both tables, the user style has a priority.</td>
</tr>
</tbody>
</table>
<p><em> </em></p>
<p>The mechanism of enabling the user style is realized in different browsers differently. For example, in Internet Explorer you should select the option Service&gt;Browser properties.., than in the paste General press the key Design and define the way to the local file (figure 4.1).</p>
<p style="text-align: center;"><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image002.jpg"><img class="size-medium wp-image-1905 aligncenter" title="clip_image002" src="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image002-300x240.jpg" alt="" width="300" height="240" /></a></p>
<p><em>Figure 4.1. Selection of the user style in Internet Explorer.</em></p>
<p>In Firefox browser the running of the user’s styles is placed on the special extension of the Web Developer. With the help of its convenient instrument tools it is possible to set the user’s file with a style through the point CSS&gt;Add User Style Sheet… (fig.4.2).</p>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image0021.jpg"><img class="alignnone size-full wp-image-1906" title="clip_image002" src="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image0021.jpg" alt="" width="228" height="153" /></a></p>
<p><em>Figure 4.2. Selection of the user style in the document in Firefox.</em></p>
<p>Note</p>
<p>In CSS1, when !important is simultaneously used by the author and by the user, the author’s style has an advantage. In CSS2 it is vice versa and not the user’s style is applied, as it is shown in table 4.1.</p>
<p>Example 4.2. Increasing of the elements’ importance.<br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Importance of the elements&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   BODY <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> Georgia<span style="color: #00AA00;">,</span> Times New Roman<span style="color: #00AA00;">,</span> Times<span style="color: #00AA00;">,</span> <span style="color: #993333;">serif</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* script’s family */</span>
    <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">90</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Font size */</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">yellow</span> !important<span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Colour of the text */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">navy</span> !important<span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Colour of the font*/</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>...&lt;/p<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>
The colour of the text and background is set for the whole web-page with the help of styles.</p>
<p>Note</p>
<p>It should be noted, that users quite rarely enable their own style files, as browsers have the inbuilt support as for the change of script size. As a rule, the other possibilities are not usually put on the user’s files with styles.
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/introduction-to-css/basic-syntax.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tag selectors</title>
		<link>http://phpforms.net/tutorial/introduction-to-css/tag-selectors.html</link>
		<comments>http://phpforms.net/tutorial/introduction-to-css/tag-selectors.html#comments</comments>
		<pubDate>Thu, 04 Mar 2010 08:38:24 +0000</pubDate>
		<dc:creator>golub_yf</dc:creator>
				<category><![CDATA[Introduction to CSS]]></category>
		<category><![CDATA[Tag selectors]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1910</guid>
		<description><![CDATA[Any HTML tag, for which formatting rules, such as colour, background, size, etc. are set, can be used as selector. Rules are set in this way:
Tag { property1: value; property2: value; ... }
In the beginning the tag name is indicated, the design of which will be redefined with upper-case or lower-case symbols, it doesn’t matter.  [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">Any HTML tag, for which formatting rules, such as colour, background, size, etc. are set, can be used as selector. Rules are set in this way:</p>
<p>Tag { property1: value; property2: value; ... }</p>
<p>In the beginning the tag name is indicated, the design of which will be redefined with upper-case or lower-case symbols, it doesn’t matter.  Inside of the braces the characteristic CSS is written, and after colon – it’s meaning.  The group of parameters is separated from each other with semicolumn and can be located in one line or several (example 5.1).</p>
<p>Example 5.1. Changing of the paragraph’s style.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Селекторы тегов&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   P <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">justify</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Выравнивание по ширине */</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">green</span> <span style="color: #808080; font-style: italic;">/* Зеленый цвет текста */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
   &lt;p<span style="color: #00AA00;">&gt;</span>More effective way of lion-hunting in the dessert is the method of gold cutest. Using it the dessert is divided into <span style="color: #cc66cc;">2</span> unequal parts<span style="color: #00AA00;">,</span> the <span style="color: #000000; font-weight: bold;">size</span> of which submits to the rule of the gold cutest&lt;/p<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>
In this example colour of the text and text alignment of the paragraph are changed. The style will be applied only to the text, which is the package &lt;p&gt;.</p>
<p>Note</p>
<p>You need to understand, that it is possible to add the style only to the tags, which are displayed in the package &lt;BODY&gt;.
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/introduction-to-css/tag-selectors.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Classes</title>
		<link>http://phpforms.net/tutorial/introduction-to-css/classes.html</link>
		<comments>http://phpforms.net/tutorial/introduction-to-css/classes.html#comments</comments>
		<pubDate>Wed, 03 Mar 2010 08:49:05 +0000</pubDate>
		<dc:creator>golub_yf</dc:creator>
				<category><![CDATA[Introduction to CSS]]></category>
		<category><![CDATA[Classes]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1912</guid>
		<description><![CDATA[The classes are used to define the style for the individual element of the web page or to determine different styles for the one tag. Syntax for the classes will be the following:
Tag.Name of class { property1: value; property2: value; ... }
Inside of the style sheet the desirable tag is written first, than, after the [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">The classes are used to define the style for the individual element of the web page or to determine different styles for the one tag. Syntax for the classes will be the following:</p>
<p>Tag.Name of class { property1: value; property2: value; ... }</p>
<p>Inside of the style sheet the desirable tag is written first, than, after the semicolon – the user’s class name. In order to define in HTML code the fact, that tag with the definite style is used, parameter is added to the tag (example 6.1).</p>
<p>Example 6.1. Use of classes with tags.<br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Classes&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   P <span style="color: #00AA00;">&#123;</span> <span style="color: #808080; font-style: italic;">/* Simple paragraph */</span> 
    <span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">justify</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text aligning as for the width */</span>
   <span style="color: #00AA00;">&#125;</span> 
   P<span style="color: #6666ff;">.cite</span> <span style="color: #00AA00;">&#123;</span> <span style="color: #808080; font-style: italic;">/* paragraph with a class cite */</span>
    <span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">justify</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Text aligning as for the width */</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">navy</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* blue color of the text */</span>
    <span style="color: #000000; font-weight: bold;">font-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">italic</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Italic tracing */</span>
   <span style="color: #00AA00;">&#125;</span> 
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
   &lt;p<span style="color: #00AA00;">&gt;</span> while working on the computer it is necessary to sit so<span style="color: #00AA00;">,</span> that hands with forearms form the <span style="color: #000000; font-weight: bold;">right</span> angle<span style="color: #00AA00;">,</span> eyes set on the distance of <span style="color: #cc66cc;">30</span>-<span style="color: #cc66cc;">40</span> sm from the working surface of the display. You should type using finger-pads in short abrupt strokes.&lt;/p<span style="color: #00AA00;">&gt;</span>
&nbsp;
   &lt;p class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;cite&quot;</span><span style="color: #00AA00;">&gt;</span> utmost allowed length of nails for women is <span style="color: #cc66cc;">12</span>-<span style="color: #cc66cc;">15</span> mm<span style="color: #00AA00;">,</span> for men – <span style="color: #cc66cc;">3</span>-<span style="color: #cc66cc;">5</span> mm. If the length of nails transcends that one<span style="color: #00AA00;">,</span> regulated by the GOST<span style="color: #00AA00;">,</span> the operator can work on the computer only in verhonkah.&lt;/p<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>
The result of this example is shown in the figure 6.1.</p>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image003.jpg"><img class="alignnone size-medium wp-image-1913" title="clip_image003" src="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image003-300x227.jpg" alt="" width="300" height="227" /></a></p>
<p><em>Figure 6.1. Appearance of the text, which is designed with styles.</em></p>
<p>The first passage is aligned as for the width of the text in black color and the following one – to which the class cite is applied – was written in italic (blue color).</p>
<p>Class names are chosen at will and it is very important for them being understood and followed, meanwhile, the name  should begin with the symbol. You may also use the classes without indicating the tag.  In this case the syntax will be the following:</p>
<p>.Name of class { property1: value; property2: value; ... }</p>
<p>The class with such syntax can be applied to any tag (example 6.2).</p>
<p>Example 6.2. The use of classes.<br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Классы&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #6666ff;">.cite</span> <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">navy</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* text of the blue color */</span>
    <span style="color: #000000; font-weight: bold;">font-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">italic</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Italic style */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
  &lt;p<span style="color: #00AA00;">&gt;</span>You should thoroughly take care of your work place. The lightening in the room should be regulated in such a way<span style="color: #00AA00;">,</span> that the source of the light is located aside or <span style="color: #993333;">behind</span> the operator. In order to <span style="color: #993333;">avoid</span> medical complications  
  &lt;b class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;cite&quot;</span><span style="color: #00AA00;">&gt;</span>the chair is recommended to choose with upholstered seat &lt;/b<span style="color: #00AA00;">&gt;</span>.&lt;/p<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>
The result of selector’s use with the name cite for the tag &lt;B&gt; is shown in the figure 6.2.</p>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image004.jpg"><img class="alignnone size-medium wp-image-1914" title="clip_image004" src="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image004-300x165.jpg" alt="" width="300" height="165" /></a></p>
<p><em>Figure 6.2. The appearance of the tag &lt;B&gt;, which is designed with the help of styles.</em></p>
<p>It is convenient to use classes, when the style must be applied to several tags of the web-page: cells of the table, links, paragraphs, etc. Tags &lt;SPAN&gt; and &lt;DIV&gt; are used for changing separate words or even letters, and blocks, which include different elements.</p>
<p>Example 6.3. The use of classes.<br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Классы&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #6666ff;">.inicial</span> <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Red colour of the text */</span>
    <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">200</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Size of the text */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span>
&nbsp;
   &lt;p<span style="color: #00AA00;">&gt;</span>&lt;span class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;inicial&quot;</span><span style="color: #00AA00;">&gt;</span>T&lt;/span<span style="color: #00AA00;">&gt;</span>ype. You should type using finger-pads in short abrupt strokes.&lt;/p<span style="color: #00AA00;">&gt;</span>
&nbsp;
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>
The result of this example is shown in the figure 6.3.</p>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image005.jpg"><img class="alignnone size-medium wp-image-1915" title="clip_image005" src="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image005-300x121.jpg" alt="" width="300" height="121" /></a></p>
<p><em>Figure 6.3. The result of classes’ use. </em>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/introduction-to-css/classes.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Identifiers</title>
		<link>http://phpforms.net/tutorial/introduction-to-css/identifiers.html</link>
		<comments>http://phpforms.net/tutorial/introduction-to-css/identifiers.html#comments</comments>
		<pubDate>Tue, 02 Mar 2010 09:01:36 +0000</pubDate>
		<dc:creator>golub_yf</dc:creator>
				<category><![CDATA[Introduction to CSS]]></category>
		<category><![CDATA[Identifiers]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1918</guid>
		<description><![CDATA[An identifier (which is also called ID selector) defines the unique name of the element, which is used for changing its style or accessing to it via scripts. That allows controlling the element dynamically.
Syntax:
#Name of identifier { property1: value; property2: value; ... }
In contrast to classes identifiers must be unique. It means that they should [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">An identifier (which is also called ID selector) defines the unique name of the element, which is used for changing its style or accessing to it via scripts. That allows controlling the element dynamically.</p>
<p>Syntax:</p>
<p>#Name of identifier { property1: value; property2: value; ... }</p>
<p>In contrast to classes identifiers must be unique. It means that they should be mentioned in the document’s code only one time.</p>
<p>Example 7.1. The use of identifier.<br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Идентификаторы&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #cc00cc;">#help</span> <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">absolute</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Absolute positioning */</span>
    <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">160px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* The position from the left side */</span>
    <span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">50px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* the position from the top */</span>
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">225px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Width of the block */</span>
    <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">180px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Height of the block */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#f0f0f0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background colour */</span> 
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span> 
  &lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;help&quot;</span><span style="color: #00AA00;">&gt;</span>
   This element helps in the case<span style="color: #00AA00;">,</span> when you understand the fact<span style="color: #00AA00;">,</span> that you completely don’t understand<span style="color: #00AA00;">,</span> who can <span style="color: #993333;">help</span> you and in what way. Just in this moment we prompt you<span style="color: #00AA00;">,</span> that nobody can <span style="color: #993333;">help</span> you. 
 &lt;/body<span style="color: #00AA00;">&gt;</span> 
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>
The result of this example:</p>
<p><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image006.jpg"><img class="alignnone size-medium wp-image-1919" title="clip_image006" src="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image006-300x215.jpg" alt="" width="300" height="215" /></a></p>
<p><em>Figure 7.1. The result of the identifier’s use.</em></p>
<p>Identifiers can be applied to concrete tag, in this case the syntax will be the following:</p>
<p>Tag#Identifier’s name { property1: value; property2: value; ... }</p>
<p>Example 7.2. The use of the identifier with the tag.<br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Identifiers&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   P <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">green</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Gren colour of the text */</span>
    <span style="color: #000000; font-weight: bold;">font-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">italic</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Italic type of the text */</span>
   <span style="color: #00AA00;">&#125;</span>
   P<span style="color: #cc00cc;">#opa</span> <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Red colour of the text */</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#666</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Border’s parameters */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#eee</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background colour */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Fields around the text */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span> 
  &lt;p<span style="color: #00AA00;">&gt;</span>Common paragraph&lt;/p<span style="color: #00AA00;">&gt;</span> 
  &lt;p id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;opa&quot;</span><span style="color: #00AA00;">&gt;</span>Uncommon paragraph&lt;/p<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span> 
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>The result of this example is shown in the figure 7.2.<br />
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image007.jpg"><img class="alignnone size-medium wp-image-1920" title="clip_image007" src="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image007-300x130.jpg" alt="" width="300" height="130" /></a></p>
<p><em>Figure 7.2. Paragraph after the use of the style.</em><br />
<em> </em><br />
The use of the identifier allows changing of some parameters of the element (example 7.3).<br />
Example 7.3. Changing of visibility of the layer.<br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/loose.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Идентификаторы&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   <span style="color: #cc00cc;">#descr</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">relative</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Relative positioning */</span>
    <span style="color: #000000; font-weight: bold;">visibility</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">hidden</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Hide the content of the layer */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span> 
  &lt;script type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span><span style="color: #00AA00;">&gt;</span>
   function hiddenLayer<span style="color: #00AA00;">&#40;</span><span style="color: #00AA00;">&#41;</span> <span style="color: #00AA00;">&#123;</span>
    document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;descr&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span><span style="color: #6666ff;">.visibility</span> <span style="color: #00AA00;">=</span> <span style="color: #ff0000;">&quot;hidden&quot;</span><span style="color: #00AA00;">;</span>
   <span style="color: #00AA00;">&#125;</span> 
   function showLayer<span style="color: #00AA00;">&#40;</span><span style="color: #00AA00;">&#41;</span> <span style="color: #00AA00;">&#123;</span>
    document.getElementById<span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;descr&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #6666ff;">.style</span><span style="color: #6666ff;">.visibility</span> <span style="color: #00AA00;">=</span> <span style="color: #ff0000;">&quot;visible&quot;</span><span style="color: #00AA00;">;</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/script<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;table <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;90%&quot;</span> <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;0&quot;</span> cellspacing<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;0&quot;</span> cellpadding<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;4&quot;</span> align<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;center&quot;</span><span style="color: #00AA00;">&gt;</span>
   &lt;tr<span style="color: #00AA00;">&gt;</span>
    &lt;td <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;20%&quot;</span> align<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;center&quot;</span><span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;#&quot;</span> onMouseOver<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;showLayer()&quot;</span> onMouseOut<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;hiddenLayer()&quot;</span><span style="color: #00AA00;">&gt;</span>
      &lt;img src<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;button.gif&quot;</span> <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;98&quot;</span> <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;33&quot;</span> <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;0&quot;</span> alt<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Key&quot;</span><span style="color: #00AA00;">&gt;</span>&lt;/a<span style="color: #00AA00;">&gt;</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
    &lt;td<span style="color: #00AA00;">&gt;</span>
     &lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;descr&quot;</span><span style="color: #00AA00;">&gt;</span>The given exclusion is the subset of the abstractional supremative 
      monotonous fedorias of the cadonative extraphazorium.&lt;/div<span style="color: #00AA00;">&gt;</span>
    &lt;/td<span style="color: #00AA00;">&gt;</span>
   &lt;/tr<span style="color: #00AA00;">&gt;</span>
  &lt;/table<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>
The result of this example is shown below. When you point the cursor to the image, the text, which was hidden up to this time, is demonstrated and hides again when you move the cursor away from the image. The change of the element’s style parameters happens through the address to it by the name of the identifier.<br />
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image0081.jpg"><img class="alignnone size-full wp-image-1922" title="clip_image008" src="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image0081.jpg" alt="" width="563" height="73" /></a></pre>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/introduction-to-css/identifiers.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SERP</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/serp.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/serp.html#comments</comments>
		<pubDate>Mon, 01 Mar 2010 09:27:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1500</guid>
		<description><![CDATA[
SERP – Search engine result position. There is a certain site position when search engines give out results.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>SERP – Search engine result position. There is a certain site position when search engines give out results.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/serp.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Comments</title>
		<link>http://phpforms.net/tutorial/introduction-to-css/comments.html</link>
		<comments>http://phpforms.net/tutorial/introduction-to-css/comments.html#comments</comments>
		<pubDate>Mon, 01 Mar 2010 09:22:42 +0000</pubDate>
		<dc:creator>golub_yf</dc:creator>
				<category><![CDATA[Introduction to CSS]]></category>
		<category><![CDATA[Comments]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1927</guid>
		<description><![CDATA[Comments are necessary to make explanations as for the use of this or that CSS characteristic. It helps to remember the logic easily and the structure of the selectors and increases the  intelligibility of the code. It also increases the volume of the documents, and it influences the time of their downloading. That is why, [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">Comments are necessary to make explanations as for the use of this or that CSS characteristic. It helps to remember the logic easily and the structure of the selectors and increases the  intelligibility of the code. It also increases the volume of the documents, and it influences the time of their downloading. That is why, the commentaries are usually applied in the finishing or educational purposes, but while outputting the site to the Internet they should be deleted.</p>
<p>In order to mark that the text is a comment, use the construction /* ... */ (example 8.1).</p>
<p>Example 8.1. Comments in CSS file.<br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
</pre></td><td class="code"><pre class="css" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">/* 
  The style for the site htmlbook.ru
  Is made for introductory
*/</span>
&nbsp;
<span style="color: #cc00cc;">#toc</span> <span style="color: #00AA00;">&#123;</span> <span style="color: #808080; font-style: italic;">/* Block with the content */</span>
  <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">200px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Width of the block */</span>
  <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #933;">20px</span> <span style="color: #933;">0px</span> <span style="color: #933;">10px</span> <span style="color: #933;">0px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Fields around the element */</span>
  <span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Right floating */</span>
<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p>
As we see from the example comments can be added to any place of the document.<br />
Example 8.2. Comments in HTML code.<br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Комментарии&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   P <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span> <span style="color: #993333;">double</span> <span style="color: #993333;">silver</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Border parameters */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Fields around the text */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.&lt;/p<span style="color: #00AA00;">&gt;</span> 
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>
If it is necessary to disable some CSS property, you may determine additional symbol before the attribute, for example twiddle (~). In this case browser does not understand the parameter and skip it as unknown one.<br />
<br />
Example 8.3. Comment on some CSS properties.<br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Comments&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   P <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span> <span style="color: #993333;">double</span> <span style="color: #993333;">silver</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Border parameter */</span>
    ~<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Comment on this parameter */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> consectetuer adipiscing elit<span style="color: #00AA00;">,</span> sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.&lt;/p<span style="color: #00AA00;">&gt;</span> 
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>
Note<br />
The given method of commenting the CSS characteristics is recommended to use only in the checkout purposes and should never be added into the final version of the site. This method comes into the conflict with CSS specification and leads to bugs during the code-checking on the point of validity.
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/introduction-to-css/comments.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Context selectors</title>
		<link>http://phpforms.net/tutorial/introduction-to-css/context-selectors.html</link>
		<comments>http://phpforms.net/tutorial/introduction-to-css/context-selectors.html#comments</comments>
		<pubDate>Sun, 28 Feb 2010 11:26:53 +0000</pubDate>
		<dc:creator>golub_yf</dc:creator>
				<category><![CDATA[Introduction to CSS]]></category>
		<category><![CDATA[Centext selectors]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1931</guid>
		<description><![CDATA[
 When creating a web page it is often required to put one tags into another. In order to use these tags correctly, use selectors, which work only in the certain context.  For example, defining the style for tag &#60;B&#62; only when it is located in the package &#60;P&#62;. Contextual selector consists of simple [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd> When creating a web page it is often required to put one tags into another. In order to use these tags correctly, use selectors, which work only in the certain context.  For example, defining the style for tag &lt;B&gt; only when it is located in the package &lt;P&gt;. Contextual selector consists of simple selectors which are separated with space.<br />
<br />
Syntax:<br />
Tag1 Tag2 { ... }<br />
In this case style will be applied to the Tag2, when it is located in the Tag1, as it is shown below.<br />
&lt;Tag1&gt;<br />
&lt;Tag2&gt; ... &lt;/Tag&gt;<br />
&lt;/Tag1&gt;<br />
<br />
The usage of contextual selectors is shown in the example 9.1.<br />
</p>
<dd>Example 9.1. Contextual selectors.</dd>
<p></p>
<dd>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Contextual selectors&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   P B <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> Times<span style="color: #00AA00;">,</span> <span style="color: #993333;">serif</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Font family */</span>
    <span style="color: #000000; font-weight: bold;">font-weight</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">bold</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* heavy faced type*/</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">navy</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* blue colour of the text */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span>
   &lt;div<span style="color: #00AA00;">&gt;</span>&lt;b<span style="color: #00AA00;">&gt;</span>heavy faced type&lt;/b<span style="color: #00AA00;">&gt;</span>&lt;/div<span style="color: #00AA00;">&gt;</span>
   &lt;p<span style="color: #00AA00;">&gt;</span>&lt;b<span style="color: #00AA00;">&gt;</span>The heavy faced type of the <span style="color: #993333;">text</span> and <span style="color: #993333;">text</span> highlighting takes part simultaneously&lt;/b<span style="color: #00AA00;">&gt;</span>&lt;/p<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>
In this example we see the common use of the tag &lt;B&gt; and its use, when it is put into paragraph &lt;P&gt;.  The colour of the text and font are changed, as it is shown in the figure 9.1.<br />
<br />
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/02/clip_image333.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/02/clip_image333.jpg" alt="" title="clip_image333" width="398" height="172" class="aligncenter size-full wp-image-2372" /></a><br />
Figure 9.1. Design of the text, depends on the nesting of tags.<br />
<br />
Note<br />
It is not obligatory that context selectors consist of only one embedded tag. Depending on the situation it is supposed to apply one and more than one tags, logically embedded into each other.<br />
When using classes and identifiers, contextual selectors give more capacities. It allows defining the style only for that element, which is located in the certain class, as it is shown in the example.<br />
</p>
<dd>Example 9.2. The use of classes.</dd>
<p></p>
<dd>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Contextual selectors&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   A <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">green</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Green text for all links */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #6666ff;">.menu</span> <span style="color: #00AA00;">&#123;</span> 
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Fields around the text */</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#333</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Border parameters */</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fc0</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background colour */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #6666ff;">.menu</span> A <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">navy</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Dark blue colour of the link, when pointing on it */</span>
   <span style="color: #00AA00;">&#125;</span>
   <span style="color: #6666ff;">.menu</span> A<span style="color: #3333ff;">:hover </span><span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Red colour of the link, when pointing on it */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span> 
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;menu&quot;</span><span style="color: #00AA00;">&gt;</span>
   &lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;link1.html&quot;</span><span style="color: #00AA00;">&gt;</span>Russian cuisine &lt;/a<span style="color: #00AA00;">&gt;</span> |
   &lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;link2.html&quot;</span><span style="color: #00AA00;">&gt;</span>Ukrainian cuisine &lt;/a<span style="color: #00AA00;">&gt;</span> |
   &lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;link3.html&quot;</span><span style="color: #00AA00;">&gt;</span> Caucasian cuisine &lt;/a<span style="color: #00AA00;">&gt;</span>
  &lt;/div<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;link4.html&quot;</span><span style="color: #00AA00;">&gt;</span>Other materials on the theme.&lt;/a<span style="color: #00AA00;">&gt;</span>&lt;/p<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>
The result of this example is shown below in the figure 9.2.<br />
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/02/clip_image555.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/02/clip_image555.jpg" alt="" title="clip_image555" width="398" height="152" class="aligncenter size-full wp-image-2374" /></a><br />
</p>
<dd>Figure 9.2. Links of different colours.</dd>
<p>Two types of links are used in this example. The style of the first link is determined by selector A, and it will be applied to the whole page, and the style of the second link (.menu A) is applied only to the links  in the element with the class menu.<br />
Using this approach it is easy to operate the style of the similar elements in a kind of images and references, the formatting of which should differ in different web-page areas.
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/introduction-to-css/context-selectors.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adjacent selectors</title>
		<link>http://phpforms.net/tutorial/introduction-to-css/adjacent-selectors.html</link>
		<comments>http://phpforms.net/tutorial/introduction-to-css/adjacent-selectors.html#comments</comments>
		<pubDate>Sat, 27 Feb 2010 12:47:44 +0000</pubDate>
		<dc:creator>golub_yf</dc:creator>
				<category><![CDATA[Introduction to CSS]]></category>
		<category><![CDATA[Adjacent selectors]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1962</guid>
		<description><![CDATA[
 Selectors are called adjacent when they follow each other in the document’s code. Let’s examine some examples of relations of the elements.



&#60;p&#62;Lorem ipsum &#60;b&#62;dolor&#60;/b&#62; sit amet.&#60;/p&#62;


Tag &#60;B&#62; is child, because it is located inside of this package. So, tag &#60;P&#62; is  used as a parent of tag &#60;B&#62;.



&#60;p&#62;Lorem ipsum &#60;b&#62;dolor&#60;/b&#62; &#60;var&#62;sit&#60;/var&#62; amet.&#60;/p&#62;


Tags &#60;VAR&#62; [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd> Selectors are called adjacent when they follow each other in the document’s code. Let’s examine some examples of relations of the elements.</dd>
<p></p>
<dd>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&lt;p<span style="color: #00AA00;">&gt;</span>Lorem ipsum &lt;b<span style="color: #00AA00;">&gt;</span>dolor&lt;/b<span style="color: #00AA00;">&gt;</span> sit amet.&lt;/p<span style="color: #00AA00;">&gt;</span></pre></div></div>

<p>
Tag &lt;B&gt; is child, because it is located inside of this package. So, tag &lt;P&gt; is  used as a parent of tag &lt;B&gt;.<br />
</p>
<dd>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&lt;p<span style="color: #00AA00;">&gt;</span>Lorem ipsum &lt;b<span style="color: #00AA00;">&gt;</span>dolor&lt;/b<span style="color: #00AA00;">&gt;</span> &lt;var<span style="color: #00AA00;">&gt;</span>sit&lt;/var<span style="color: #00AA00;">&gt;</span> amet.&lt;/p<span style="color: #00AA00;">&gt;</span></pre></div></div>

<p>
Tags &lt;VAR&gt; and &lt;B&gt; are adjacent elements.<br />
</p>
<dd>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&lt;p<span style="color: #00AA00;">&gt;</span>Lorem &lt;b<span style="color: #00AA00;">&gt;</span>ipsum &lt;/b<span style="color: #00AA00;">&gt;</span> dolor sit amet<span style="color: #00AA00;">,</span> &lt;i<span style="color: #00AA00;">&gt;</span>consectetuer&lt;/i<span style="color: #00AA00;">&gt;</span> adipiscing &lt;tt<span style="color: #00AA00;">&gt;</span>elit&lt;/tt<span style="color: #00AA00;">&gt;</span>.&lt;/p<span style="color: #00AA00;">&gt;</span></pre></div></div>

<p>
Tags &lt;B&gt;  and &lt;I&gt;, &lt;I&gt; and &lt;TT&gt; are also adjacent.<br />
<br />
A symbol plus (+), which is determined between two selectors, is used to control the style of adjacent elements. The syntax:<br />
</p>
<dd>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&lt;Selector <span style="color: #cc66cc;">1</span> <span style="color: #00AA00;">+</span> Selector <span style="color: #cc66cc;">2</span> <span style="color: #00AA00;">&#123;</span> Description of style rules <span style="color: #00AA00;">&#125;</span><span style="color: #00AA00;">&gt;</span></pre></div></div>

<p>
Adjacent selectors are not supported by Internet Explorer.<br />
<br />
Example 10.1. The use of adjacent selectors.<br />
</p>
<dd>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Adjacent selectors&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   B <span style="color: #00AA00;">+</span> I <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Red colour of the text */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>Lorem &lt;b<span style="color: #00AA00;">&gt;</span>ipsum &lt;/b<span style="color: #00AA00;">&gt;</span> dolor sit amet<span style="color: #00AA00;">,</span> &lt;i<span style="color: #00AA00;">&gt;</span>consectetuer&lt;/i<span style="color: #00AA00;">&gt;</span> 
  adipiscing elit.&lt;/p<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet<span style="color: #00AA00;">,</span> &lt;i<span style="color: #00AA00;">&gt;</span>consectetuer&lt;/i<span style="color: #00AA00;">&gt;</span> adipiscing 
  elit.&lt;/p<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>
The result of this example is shown in the figure 10.1.<br />
 <br />
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image012.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image012.jpg" alt="" title="clip_image012" width="425" height="172" class="alignnone size-full wp-image-1967" /></a><br />
Figure 10.1. Highlighting with colour with the help of adjacent selectors.<br />
<br />
Sometimes it is necessary to include different footnotes and annotations to the text. In this case a new style class is applied to the paragraph usually. It is easy to change the overall view of the text in this way. But let’s use adjacent selectors. First of all, create a new class, name it sic and apply it to the tag &lt;H2&gt;. The first paragraph after such title is highlighted with background colour and indent (example 10.2).  The overall view of the other paragraphs will not change.<br />
<br />
Example 10.2. Changing the style of the paragraph.<br />
</p>
<dd>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Changing the style of the paragraph&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   H2<span style="color: #6666ff;">.sic</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">140</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Font size */</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">maroon</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Colour of the text */</span>
    <span style="color: #000000; font-weight: bold;">font-weight</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">normal</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Normal type face */</span>
    <span style="color: #000000; font-weight: bold;">margin-left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">30px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Left indent */</span>
    <span style="color: #000000; font-weight: bold;">margin-bottom</span><span style="color: #00AA00;">:</span> <span style="color: #933;">0px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Top indent */</span>
   <span style="color: #00AA00;">&#125;</span>
   H2<span style="color: #6666ff;">.sic</span> <span style="color: #00AA00;">+</span> P <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ddd</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background colour */</span>
    <span style="color: #000000; font-weight: bold;">margin-left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">30px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Left indent */</span>
    <span style="color: #000000; font-weight: bold;">margin-top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">0.5em</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Top indent */</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Fields around the text */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
   &lt;h1<span style="color: #00AA00;">&gt;</span>methods of lion hunting in the desert&lt;/h1<span style="color: #00AA00;">&gt;</span>
   &lt;h2<span style="color: #00AA00;">&gt;</span>Method of the consecutive search&lt;/h2<span style="color: #00AA00;">&gt;</span>
&nbsp;
   &lt;p<span style="color: #00AA00;">&gt;</span>Let the lion has the overall <span style="color: #000000; font-weight: bold;">size</span> L x W x H<span style="color: #00AA00;">,</span> where L - the lion<span style="color: #ff0000;">'s size from the tip of the nose up to the tuft of the tail, W - its width, and H - it'</span>s height. After that we divide the desert into several elementary rectangles<span style="color: #00AA00;">,</span> the <span style="color: #000000; font-weight: bold;">size</span> of which coincides with the <span style="color: #000000; font-weight: bold;">width</span> and <span style="color: #000000; font-weight: bold;">size</span> of the lion. Taking into consideration that lion can stand not on the exactly specified territory<span style="color: #00AA00;">,</span> but on two of them at the same time<span style="color: #00AA00;">,</span> the cage should be made of the doubled area<span style="color: #00AA00;">,</span> that is<span style="color: #00AA00;">,</span> 2Lx 2W. owing to this we<span style="color: #ff0000;">'ll avoid the error, when.&lt;/p&gt;
&nbsp;
   &lt;h2 class=&quot;sic&quot;&gt;Important note&lt;/h2&gt;
   &lt;p&gt;For the simplification of the accounts, the tail as the measurement error can be set aside and taken into consideration.&lt;/p&gt;
&nbsp;
   &lt;p&gt;Later we cover every marked rectangle of the desert with the help of the cage and check, has the lion been caught. As soon as the lion appear in the cage, cedure can be considered as completed one.&lt;/p&gt;
&nbsp;
 &lt;/body&gt;
&lt;/html&gt;</span></pre></td></tr></table></div>

<p>
The result of this example is shown in the figure 10.2.<br />
<br />
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image014.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image014.jpg" alt="" title="clip_image014" width="546" height="417" class="alignnone size-full wp-image-1970" /></a><br />
Figure 10.2. Changing of the overall view of the paragraph by using adjacent selectors.<br />
<br />
Example 10.3. Indents between the title and the text.<br />
</p>
<dd>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Adjacent selectors&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   H1 <span style="color: #00AA00;">+</span> H2 <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">margin-top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">-10px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Depose the headline 2 up*/</span>
   <span style="color: #00AA00;">&#125;</span>
   H2 <span style="color: #00AA00;">+</span> P <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">margin-top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">-1em</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Depose the first passage up to the headline */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;h1<span style="color: #00AA00;">&gt;</span>Title <span style="color: #cc66cc;">1</span>&lt;/h1<span style="color: #00AA00;">&gt;</span>
  &lt;h2<span style="color: #00AA00;">&gt;</span>Title <span style="color: #cc66cc;">2</span>&lt;/h2<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>Paragraph!&lt;/p<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/introduction-to-css/adjacent-selectors.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Child selectors</title>
		<link>http://phpforms.net/tutorial/introduction-to-css/child-selectors.html</link>
		<comments>http://phpforms.net/tutorial/introduction-to-css/child-selectors.html#comments</comments>
		<pubDate>Fri, 26 Feb 2010 08:21:16 +0000</pubDate>
		<dc:creator>golub_yf</dc:creator>
				<category><![CDATA[Introduction to CSS]]></category>
		<category><![CDATA[Child selectors]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1972</guid>
		<description><![CDATA[
 Child selector is the element, which is located in the parental element.  Let’s examine the code in the example 11.1.

Example 11.1. Nesting of the elements in the document.

1
2
3
4
5
6
7
8
9
10
11
12
13
&#60;!DOCTYPE HTML PUBLIC &#34;-//W3C//DTD HTML 4.01 Transitional//EN&#34;&#62;
&#60;html&#62;
 &#60;body&#62;
  &#60;div class=&#34;main&#34;&#62;
   &#60;p&#62;&#60;em&#62;Lorem ipsum dolor sit amet&#60;/em&#62;, consectetuer adipiscing 
   elit, sed diem [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd> Child selector is the element, which is located in the parental element.  Let’s examine the code in the example 11.1.</dd>
<p>
Example 11.1. Nesting of the elements in the document.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;main&quot;</span><span style="color: #00AA00;">&gt;</span>
   &lt;p<span style="color: #00AA00;">&gt;</span>&lt;em<span style="color: #00AA00;">&gt;</span>Lorem ipsum dolor sit amet&lt;/em<span style="color: #00AA00;">&gt;,</span> consectetuer adipiscing 
   elit<span style="color: #00AA00;">,</span> sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam 
   erat volutpat. &lt;/p<span style="color: #00AA00;">&gt;</span>
   &lt;p<span style="color: #00AA00;">&gt;</span>&lt;strong<span style="color: #00AA00;">&gt;</span>&lt;em<span style="color: #00AA00;">&gt;</span>Ut wisis enim ad minim veniam&lt;/em<span style="color: #00AA00;">&gt;</span>&lt;/strong<span style="color: #00AA00;">&gt;,</span> 
   quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex 
   ea commodo consequat.&lt;/p<span style="color: #00AA00;">&gt;</span>
  &lt;/div<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>
In this example several packages are used, which are located one in another. See the tree of elements in the figure 11.1.<br />
<br />
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image015.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image015.jpg" alt="" title="clip_image015" width="452" height="271" class="alignnone size-full wp-image-1976" /></a></p>
<dd>Figure 11.1. The tree of elements for the example 11.1.</dd>
<p>
Nesting of the elements and their hierarchy is presented on the picture 11.1 in the convenient form. The child element here against the tag &lt;DIV&gt; is the paragraph &lt;P&gt;. At the same time the tag &lt;STRONG&gt; is not the child one for the tag &lt;DIV&gt;, because it is located in the package &lt;P&gt;.<br />
<br />
Child selector is a selector, which is located in the parent element in the tree of elements. Syntax of such selectors:<br />
</p>

<div class="wp_syntax"><div class="code"><pre class="css4strict" style="font-family:monospace;">Selector 1 &gt; Selector 2 { Description of the style rules }</pre></div></div>

<p>
The style is applied to the Selector 1, but only in case it is child for Selector 1.<br />
Child selectors are not supported by Internet Explorer.<br />
The difference between contextual and child selectors is in the fact that the style for child selector is applied only in case it is located in the parent element. Any level of nesting is allowed for contextual selector.  Let’s examine the code in the figure 11.2 to make it clear.<br />
<br />
Example 11.2. Contextual and child selectors.<br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
</pre></td><td class="code"><pre class="css4strict" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;&gt;
&lt;html&gt;
 &lt;head&gt;
  &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=windows-1251&quot;&gt;
  &lt;title&gt;Child selectors&lt;/title&gt;
  &lt;style type=&quot;text/css&quot;&gt;
   DIV I { /* Contextual selectors */
    color: green; /* Green colour of the text */
   }
   DIV &gt; I { /* Child selector */
    color: red; /* Red colour of the text */
   }
  &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
  &lt;div&gt;
   &lt;p&gt;&lt;i&gt;Lorem ipsum dolor sit amet&lt;/i&gt;, consectetuer adipiscing 
   elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam 
   erat volutpat.&lt;/p&gt;
   &lt;/div&gt;
  &lt;div&gt;
   &lt;p&gt;&lt;i&gt;Lorem ipsum dolor sit amet&lt;/i&gt;, consectetuer adipiscing 
   elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam 
   erat volutpat.&lt;/p&gt;
  &lt;/div&gt;
 &lt;/body&gt;
&lt;/html&gt;</pre></td></tr></table></div>

<p>
In this example the italic font will be displayed green, because the child selector is indicated incorrectly.<br />
You may refuse the use of child selectors and change them with contextual selectors.<br />
In the example 11.3 changing of overall view of the list with the help of styles is shown. So, we get the kind of menu as a result of nesting of one list into another. The titles are located horizontally, and the group of links is located vertically above the titles (figure 11.2).<br />
<br />
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image016.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image016.jpg" alt="" title="clip_image016" width="522" height="143" class="alignnone size-full wp-image-1979" /></a><br />
Figure 11.2. The list as a menu.<br />
<br />
The style attribute float is added to the selector LI to locate the text horizontally.<br />
<br />
Example 11.3. The use of child selectors.<br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
</pre></td><td class="code"><pre class="css4strict" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;&gt;
&lt;html&gt;
 &lt;head&gt;
  &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=windows-1251&quot;&gt;
  &lt;title&gt;Child selectors&lt;/title&gt;
  &lt;style type=&quot;text/css&quot;&gt;
   UL#menu &gt; LI {
    list-style: none; /* Remove list markers */
    width: 120px; /* Width of the element in pixels */
    background: #ddd; /* Background colour */
    color: maroon; /* Colour of the text */
    padding: 5px; /* Fields around the text */
    font-family: Arial, sans-serif; /* Sans-serif type*/
    font-size: 90%; /* Font size */
    font-weight: bold; /* Heavy faced type*/
    float: left; /* Locate elements horizontally */
   }
   LI &gt; UL {
    list-style: none; /* Remove list markers */
    padding: 0px; /* Remove indents around the elements of the list */
    padding-top: 5px; /* Add the top indent */
   }
   LI &gt; A {
    display: block; /* Links are displayed as a block */
    font-weight: normal; /* Normal type face of the text */
    font-size: 90%; /* Font size */
    background: #fff; /* Background colour */
    border: 1px solid #666; /* Border parameters */
    padding: 5px; /* Fields around the text */
   }
  &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
  &lt;ul id=&quot;menu&quot;&gt;
   &lt;li&gt;Editor&lt;/li&gt;
   &lt;li&gt;Edit
    &lt;ul&gt;
     &lt;li&gt;&lt;a href=&quot;undo.html&quot;&gt;Cancel&lt;/a&gt;&lt;/li&gt; 
     &lt;li&gt;&lt;a href=&quot;cut.html&quot;&gt;Cut&lt;/a&gt;&lt;/li&gt; 
     &lt;li&gt;&lt;a href=&quot;copy.html&quot;&gt;Copy&lt;/a&gt;&lt;/li&gt; 
     &lt;li&gt;&lt;a href=&quot;paste.html&quot;&gt;Paste&lt;/a&gt;&lt;/li&gt; 
    &lt;/ul&gt;
   &lt;/li&gt;
   &lt;li&gt;Type face
    &lt;ul&gt;
     &lt;li&gt;&lt;a href=&quot;bold.html&quot;&gt;Heavy faced&lt;/a&gt;&lt;/li&gt; 
     &lt;li&gt;&lt;a href=&quot;italic.html&quot;&gt;Italic&lt;/a&gt;&lt;/li&gt; 
     &lt;li&gt;&lt;a href=&quot;emphasis.html&quot;&gt;Nice&lt;/a&gt;&lt;/li&gt; 
    &lt;/ul&gt;
   &lt;/li&gt;
   &lt;li&gt;Size
    &lt;ul&gt;
     &lt;li&gt;&lt;a href=&quot;small.html&quot;&gt;So-so&lt;/a&gt;&lt;/li&gt; 
     &lt;li&gt;&lt;a href=&quot;normal.html&quot;&gt;Normal&lt;/a&gt;&lt;/li&gt; 
     &lt;li&gt;&lt;a href=&quot;middle.html&quot;&gt;Average&lt;/a&gt;&lt;/li&gt; 
     &lt;li&gt;&lt;a href=&quot;big.html&quot;&gt;Unchildish&lt;/a&gt;&lt;/li&gt; 
    &lt;/ul&gt; 
   &lt;/li&gt; 
  &lt;/ul&gt;
 &lt;/body&gt;
&lt;/html&gt;</pre></td></tr></table></div>

</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/introduction-to-css/child-selectors.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Attribute selectors</title>
		<link>http://phpforms.net/tutorial/introduction-to-css/attribute-selectors.html</link>
		<comments>http://phpforms.net/tutorial/introduction-to-css/attribute-selectors.html#comments</comments>
		<pubDate>Thu, 25 Feb 2010 10:55:37 +0000</pubDate>
		<dc:creator>golub_yf</dc:creator>
				<category><![CDATA[Introduction to CSS]]></category>
		<category><![CDATA[Attribute selectors]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1982</guid>
		<description><![CDATA[
To change the style of the elements containing different parameters, the selector attributes were brought into CSS. They allow to set the style of the tag as for the existence of the particular parameter or its meaning.

Note
The attribute selectors are supported by Internet Explorer browser from the version 7.0, though it is necessary to add [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>To change the style of the elements containing different parameters, the selector attributes were brought into CSS. They allow to set the style of the tag as for the existence of the particular parameter or its meaning.</dd>
<p>
<b>Note</b></p>
<dd>The attribute selectors are supported by Internet Explorer browser from the version 7.0, though it is necessary to add the correct &lt;!DOCTYPE&gt; for the correct example processing.</dd>
<p>
Let’s examine some common variants of the use of such selectors.<br />
<br />
<b>Simple attribute selector</b><br />
<br />
Defines the style for the element, if the specific attribute is determined. Its value is not important in this case. Syntax of the use of such selector:</p>
<dd>

<div class="wp_syntax"><div class="code"><pre class="css4strict" style="font-family:monospace;">&lt;em&gt;[attribute] { Description of the style rules } Selector[attribute] { Description of the style rules }&lt;/em&gt;</pre></div></div>

</dd>
<p>
A blank between the name of selector and square brackets is not allowed.<br />
In the example 12.1 the changing of the style of the tag &lt;Q&gt; is shown in case the title parameter is added to it.<br />
</p>
<dd>Example 12.1. The overall view of the element, it depends on its parameter.</dd>
<p></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
</pre></td><td class="code"><pre class="css4strict" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;&gt;
&lt;html&gt;
 &lt;head&gt;
  &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=windows-1251&quot;&gt;
  &lt;title&gt;Attribute selectors&lt;/title&gt;
  &lt;style type=&quot;text/css&quot;&gt;
   Q {
    font-style: italic; /* Italic type */
    quotes: &quot;\00AB&quot; &quot;\00BB&quot;; /* Change the overall view of quotation marks in the quote */
   }
   Q[title] {
    color: maroon; /* Colour of the text */
   }
  &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
  &lt;p&gt;Continuing the famous Merphy's low, which says:&lt;q&gt; If the trouble can happen, it will obviously happen&lt;/q&gt;, we can do our own observation: 
  &lt;q title=&quot;For the laws by Pherguson-Merzhevich&quot;&gt;After the web-page will be correctly displaced in one browser, it will be clear that it is shown in the other browser incorrectly&lt;/q&gt;.&lt;/p&gt;
 &lt;/body&gt;
&lt;/html&gt;</pre></td></tr></table></div>

<p>
The result of the example is shown in the figure 12.1<br />
<br />
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image017.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image017.jpg" alt="" title="clip_image017" width="398" height="239" class="aligncenter size-full wp-image-1987" /></a><br />
</p>
<dd><em>Figure 12.1. Changing of the style of the element depending on the use of title parameter.</em></dd>
<p>
<b>Attribute selector with the value</b><br />
<br />
Defines the style of the element in case the certain value of specific parameter is determined.  Syntax:<br />
</p>
<dd>

<div class="wp_syntax"><div class="code"><pre class="css4strict" style="font-family:monospace;">[attribute=&quot;value&quot;] { Description of the style rules } Selector[attribute=&quot;value&quot;] { Description of the style rules }&lt;pre/&gt;&lt;/dd&gt;
&lt;br&gt;
In the first case the style is applied to all the elements, which contain the indicated value of the attribute. And in the second one it is applied only to certain selectors. 
In the example 12.2 changing of the style of the link is shown in case the tag &amp;lt;A&amp;gt; contain parameter target=&quot;_blank&quot;. The link will open in a new window and in order to show it, add the small image before the text of the link with the help of styles. 
&lt;br&gt;
Example 12.2. The style for opening the links in a new window. 
&lt;pre lang=&quot;css4strict&quot;line=&quot;1&quot;&gt;&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt;
&lt;html&gt;
 &lt;head&gt;
  &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=windows-1251&quot;&gt;
  &lt;title&gt;Attribute selectors&lt;/title&gt;
  &lt;style type=&quot;text/css&quot;&gt;
   A[target=&quot;_blank&quot;] { 
    background: url(blank.gif) no-repeat 0 2px; /*Background image parameters */
    padding-left: 15px; /* Depose the text to the left */
   }
  &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
  &lt;p&gt;&lt;a href=&quot;link1.html&quot;&gt;Common link&lt;/a&gt; | 
     &lt;a href=&quot;link2&quot; target=&quot;_blank&quot;&gt;The link in the new window&lt;/a&gt;&lt;/p&gt;
 &lt;/body&gt;
&lt;/html&gt;</pre></div></div>

<p>
The result of the example is shown below (figure 12.2):<br />
<br />
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image018.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image018.jpg" alt="" title="clip_image018" width="346" height="141" class="aligncenter size-full wp-image-1988" /></a><br />
<br />
<em>Figure 12.2. Changing the style of the element depending on the value of target parameter.</em><br />
<br /> <br />
In this parameter the image is added to the link with the help of attribute background.<br />
<br />
<b>Attribute begins with the certain value </b><br />
<br />
Defines the style for the element in case the attribute begins with the indicated value. Syntax:<br />
</p>
<dd>

<div class="wp_syntax"><div class="code"><pre class="css4strict" style="font-family:monospace;">[attribute^=&quot;value&quot;] { Description of the style rules } Selector[attribute^=&quot;value&quot;] { Description of the style rules }</pre></div></div>

</dd>
<p>
In the first case the style is applied to all the elements, which contain the indicated value of the attribute. And in the second one it is applied only to certain selectors.<br />
Imagine that it is required to separate the style of common and external reference – the links, which follow the other sites. Let’s use attribute selectors. External links begin with the key word http:// and you should add it to selector A, as it is shown in the example 12.3.<br />
<br />
<strong>Example 12.3. Changing the style of external reference. </strong><br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
</pre></td><td class="code"><pre class="css4strict" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt;
&lt;html&gt;
 &lt;head&gt;
  &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=windows-1251&quot;&gt;
  &lt;title&gt;Attribute selectors&lt;/title&gt;
  &lt;style type=&quot;text/css&quot;&gt;
   A[href^=&quot;http://&quot;] { 
    font-weight: bold; /* Heavy faced type */
   }
  &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
  &lt;p&gt;&lt;a href=&quot;link1.html&quot;&gt;Common link&lt;/a&gt; | 
  &lt;a href=&quot;http://htmlbook.ru&quot; target=&quot;_blank&quot;&gt;External reference to the site htmlbook.ru&lt;/a&gt;&lt;/p&gt;
 &lt;/body&gt;
&lt;/html&gt;</pre></td></tr></table></div>

<p>
The result of the example is shown below:<br />
<br />
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image019.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image019.jpg" alt="" title="clip_image019" width="347" height="141" class="aligncenter size-full wp-image-1989" /></a><br />
<br />
<em>Figure 12.3. Changing the style for external references.</em><br />
<br />
<strong><b>The attribute is ended with a particular value</b></strong><br />
<br />
Defines the style of the element in case the attribute is ended with indicated value.  Syntax:<br />
</p>
<dd>

<div class="wp_syntax"><div class="code"><pre class="css4strict" style="font-family:monospace;">[attribute$=&quot;value&quot;] { Description of the style rules } Selector[attribute$=&quot;value&quot;] { Description of the style rules }</pre></div></div>

</dd>
<p>
In the first case the style is applied to all the elements, which are ended with indicated value of the attribute. And in the second one it is applied only to certain selectors.<br />
<br />
Example 12.4. The style for different domains.<br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
</pre></td><td class="code"><pre class="css4strict" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;&gt;
&lt;html&gt;
 &lt;head&gt;
  &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=windows-1251&quot;&gt;
  &lt;title&gt;Селекторы атрибутов&lt;/title&gt;
  &lt;style type=&quot;text/css&quot;&gt;
   A[href$=&quot;.ru&quot;] { /* If the link is ended in .ru */ 
    background: url(ru.gif) no-repeat; /* Backgroung image parameters */
    padding-left: 10px; /* Move the text to the right */ 
   }
   A[href$=&quot;.com&quot;] { /* If the link is ended in .com */ 
    background: url(com.gif) no-repeat;
    padding-left: 10px;
   }
  &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
  &lt;p&gt;&lt;a href=&quot;http://www.yandex.com&quot;&gt;Yandex.Com&lt;/a&gt; | 
  &lt;a href=&quot;http://www.yandex.ru&quot;&gt;Yandex.Ru&lt;/a&gt;&lt;/p&gt;
 &lt;/body&gt;
&lt;/html&gt;</pre></td></tr></table></div>

<p>
There are two links in this example, which follow different domains – com and ru. The background image is added to each of such links with the help of styles. The style attributes will be added only to those links, href parameter of which ends with “.ru” or “.com”.<br />
<br />
<strong>The value can be found in any place of the attribute.</strong><br />
<br />
There are variants, when the style should be applied to the selector with certain attribute, the part of which is some value.  Syntax:</p>
<dd>

<div class="wp_syntax"><div class="code"><pre class="css4strict" style="font-family:monospace;">[attri*=&quot;значение&quot;] { Описание правил стиля } Селектор[атрибут*=&quot;значение&quot;] { Описание правил стиля }</pre></div></div>

</dd>
<p>
The example can be located in any place of the argument, for example, in the beginning, in the end or somewhere in the middle. The main thing is that this is its part. So, in the example 12.5 the change of the link style is shown.<br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
</pre></td><td class="code"><pre class="css4strict" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;&gt;
&lt;html&gt;
 &lt;head&gt;
  &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=windows-1251&quot;&gt;
  &lt;title&gt;Selector attributes&lt;/title&gt;
  &lt;style type=&quot;text/css&quot;&gt;
   [href*=&quot;htmlbook&quot;] { 
    background: yellow; /* Yellow color of the background */
   }
  &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
  &lt;p&gt;&lt;a href=&quot;http://www.htmlbook.ru/html/&quot;&gt;Tags HTML&lt;/a&gt; | 
  &lt;a href=&quot;http://stepbystep.htmlbook.ru&quot;&gt;Step by step&lt;/a&gt; | 
  &lt;a href=&quot;http://webimg.ru&quot;&gt;Graphics for the Web&lt;/a&gt;&lt;/p&gt;
 &lt;/body&gt;
&lt;/html&gt;</pre></td></tr></table></div>

<p>
The picture 12.4 shows the result of the given example.<br />
<br />
<a href="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image020.jpg"><img src="http://phpforms.net/tutorial/wp-content/uploads/2010/03/clip_image020.jpg" alt="" title="clip_image020" width="444" height="148" class="aligncenter size-full wp-image-1991" /></a><br />
<em>Fig. 12.4. The change of the style for the links, in the address the «htmlbook» is met </em></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/introduction-to-css/attribute-selectors.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Universal selector</title>
		<link>http://phpforms.net/tutorial/introduction-to-css/universal-selector.html</link>
		<comments>http://phpforms.net/tutorial/introduction-to-css/universal-selector.html#comments</comments>
		<pubDate>Wed, 24 Feb 2010 11:13:56 +0000</pubDate>
		<dc:creator>golub_yf</dc:creator>
				<category><![CDATA[Introduction to CSS]]></category>
		<category><![CDATA[Universal selector]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1994</guid>
		<description><![CDATA[
Sometimes it is necessary to determine one style for all elements of the web page (type face, for example). In this case universal selector will help You, it fits any element of the web page.



{ Description of the style rules }



Universal selector is not necessary in some cases, for example *.class and .class are identical [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<p>Sometimes it is necessary to determine one style for all elements of the web page (type face, for example). In this case universal selector will help You, it fits any element of the web page.<br />
</p>
<dd>

<div class="wp_syntax"><div class="code"><pre class="css4strict" style="font-family:monospace;">{ Description of the style rules }</pre></div></div>

</dd>
<p>
Universal selector is not necessary in some cases, for example *.class and .class are identical in result.<br />
<strong>Example 13.1. The use of universal selector. </strong><br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
</pre></td><td class="code"><pre class="css4strict" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;&gt;
&lt;html&gt;
 &lt;head&gt;
  &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=windows-1251&quot;&gt;
  &lt;title&gt;Universal selector&lt;/title&gt;
  &lt;style type=&quot;text/css&quot;&gt;
   * {
    font-family: Aral, Verdana, sans-serif; /* sans-serif type */
    font-size: 96%; /* Text size */
   }
  &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
  &lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.&lt;/p&gt;
 &lt;/body&gt;
&lt;/html&gt;</pre></td></tr></table></div>

<p>
So, similar result can be in case we change selector * with BODY.<br />
This type of selectors is used in structure languages, like XML, to indicate name of elements, which are unknown in styles.
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/introduction-to-css/universal-selector.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Grouping</title>
		<link>http://phpforms.net/tutorial/introduction-to-css/grouping.html</link>
		<comments>http://phpforms.net/tutorial/introduction-to-css/grouping.html#comments</comments>
		<pubDate>Tue, 23 Feb 2010 11:27:33 +0000</pubDate>
		<dc:creator>golub_yf</dc:creator>
				<category><![CDATA[Introduction to CSS]]></category>
		<category><![CDATA[Grouping]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1998</guid>
		<description><![CDATA[When creating the style for the site and many selectors are used simultaneously, iterative parameters may appear.  In order not to group one and the same elements twice, they can be integrated.


Example 14.1. Style for each selector.

H1 { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 160%; 
  color: #003; 
}
H2 { [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">When creating the style for the site and many selectors are used simultaneously, iterative parameters may appear.  In order not to group one and the same elements twice, they can be integrated.
</dd>
<p>
<strong>Example 14.1. Style for each selector.</strong></p>

<div class="wp_syntax"><div class="code"><pre class="css4strict" style="font-family:monospace;">H1 { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 160%; 
  color: #003; 
}
H2 { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 135%; 
  color: #333; 
}
H3 { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 120%; 
  color: #900;
} 
P {
  font-family: Times, serif;
}</pre></div></div>

<p>
We see that the style for title tags contains the same parameter font-family.  And integration  allows defining one parameter for several elements, as it is shown in the example 14.2.<br />
<br />
<strong>Example 14.2. Integrated selectors</strong><br />
</p>

<div class="wp_syntax"><div class="code"><pre class="css4strict" style="font-family:monospace;">H1, H2, H3 { 
  font-family: Arial, Helvetica, sans-serif; 
} 
H1 { 
  font-size: 160%; 
  color: #003;
}
H2 { 
  font-size: 135%; 
  color: #333;
}
H3 { 
  font-size: 120%; 
  color: #900;
}</pre></div></div>

<p>
Selectors are integrated as a list of tags, which are separated from each other by commas.  Not only selectors of tags can be in the group, but also identifiers and classes. Syntax:<br />
</p>
<dd>

<div class="wp_syntax"><div class="code"><pre class="css4strict" style="font-family:monospace;">Selector  1, Selector  2, ... Selector  N { Description of the style rules }</pre></div></div>

</dd>
<p>
So, the style rights are applied to all selectors, which are listed in one group.
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/introduction-to-css/grouping.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Inheritence</title>
		<link>http://phpforms.net/tutorial/introduction-to-css/inheritence.html</link>
		<comments>http://phpforms.net/tutorial/introduction-to-css/inheritence.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 12:14:07 +0000</pubDate>
		<dc:creator>golub_yf</dc:creator>
				<category><![CDATA[Introduction to CSS]]></category>
		<category><![CDATA[Inheritence]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=2008</guid>
		<description><![CDATA[
Inheritance is transfer of formatting rules, which are located in the others. Such elements are called child, and they inherit some style features of the parents in which they are located.
Let’s examine inheritance on the example of a table. The strict hierarchical structure of tags is a feature of tables. The package &#60;table&#62;, the tags [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dt>Inheritance is transfer of formatting rules, which are located in the others. Such elements are called child, and they inherit some style features of the parents in which they are located.<br />
Let’s examine inheritance on the example of a table. The strict hierarchical structure of tags is a feature of tables. The package &lt;table&gt;, the tags &lt;TR&gt; are put into, is the first, than tag &lt;TD&gt; goes. The colour for cells’ content is defined automatically, if You determine the colour of the text in selector styles (example 15.1).</dt>
<p>
Example 15.1. Inheritance of colour parameters.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Наследование&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   TABLE <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Colour of the text*/</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#333</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Background of the table */</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span> <span style="color: #993333;">solid</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Red phrame around the table */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;table cellpadding<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;4&quot;</span> cellspacing<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;0&quot;</span><span style="color: #00AA00;">&gt;</span>
   &lt;tr<span style="color: #00AA00;">&gt;</span>
    &lt;td<span style="color: #00AA00;">&gt;</span>Cell <span style="color: #cc66cc;">1</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span>Cell <span style="color: #cc66cc;">2</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
   &lt;/tr<span style="color: #00AA00;">&gt;</span>
   &lt;tr<span style="color: #00AA00;">&gt;</span>
    &lt;td<span style="color: #00AA00;">&gt;</span>Cell <span style="color: #cc66cc;">3</span>&lt;/td<span style="color: #00AA00;">&gt;</span>&lt;td<span style="color: #00AA00;">&gt;</span>Cell <span style="color: #cc66cc;">4</span>&lt;/td<span style="color: #00AA00;">&gt;</span>
   &lt;/tr<span style="color: #00AA00;">&gt;</span>
  &lt;/table<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>
Red colour of the text is defined for the whole table in this example, that is why it is used in cells, because tag &lt;TD&gt; inherits the features of the tag &lt;TABLE&gt;. But not all style attributes are inherited. Parameter border determine the border around the table, but not around the cells. The value of background parameter is not inherited. The matter is transparent is used as a value in background attribute.<br />
<br />
In order to define whether value of the style is inherited or not, You should consult to CSS features manual.<br />
Inheritence allows value determination of some parameters once by defining their parents of top level.<br />
<br />
Example 15.2. Text parameters for the whole page<br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Inheritence&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   BODY <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> Arial<span style="color: #00AA00;">,</span> Helvetica<span style="color: #00AA00;">,</span> <span style="color: #993333;">sans-serif</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Type family */</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">navy</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Blue colour of the text */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>Blue colour of the <span style="color: #993333;">text</span> of this paragraph.&lt;/p<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>
In the given example the sans serif and the color of the passage text is set with the help of the selector BODY. Thanks to the inheritance there is already no need for the color-setting separately for every element of the document. In this case it is necessary to redefine the parameters needed evidently, as it is shown in the example 15.3.<br />
<br />
Example 15.3. Changing the features of inherited element.<br />
</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD HTML 4.01//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/html4/strict.dtd&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;html<span style="color: #00AA00;">&gt;</span>
 &lt;head<span style="color: #00AA00;">&gt;</span>
  &lt;meta http-equiv<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;Content-Type&quot;</span> <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/html; charset=windows-1251&quot;</span><span style="color: #00AA00;">&gt;</span>
  &lt;title<span style="color: #00AA00;">&gt;</span>Inheritence&lt;/title<span style="color: #00AA00;">&gt;</span>
  &lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
   BODY <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> Arial<span style="color: #00AA00;">,</span> Helvetica<span style="color: #00AA00;">,</span> <span style="color: #993333;">sans-serif</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Type family */</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">navy</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Blue colour of the text */</span>
   <span style="color: #00AA00;">&#125;</span>
   P<span style="color: #6666ff;">.red</span> <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">maroon</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Dark-red color of the text */</span>
   <span style="color: #00AA00;">&#125;</span>
  &lt;/style<span style="color: #00AA00;">&gt;</span>
 &lt;/head<span style="color: #00AA00;">&gt;</span>
 &lt;body<span style="color: #00AA00;">&gt;</span>
  &lt;p<span style="color: #00AA00;">&gt;</span>Blue colour of the <span style="color: #993333;">text</span> of this paragraph.&lt;/p<span style="color: #00AA00;">&gt;</span>
  &lt;p class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;red&quot;</span><span style="color: #00AA00;">&gt;</span>And this passage has a different <span style="color: #993333;">text</span> color.&lt;/p<span style="color: #00AA00;">&gt;</span>
 &lt;/body<span style="color: #00AA00;">&gt;</span>
&lt;/html<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>
</dl>
<dl class="spiski">In this example colour of the first paragraph is inherited from body selector and in the second example it was evidently set through the class with the name red. </dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/introduction-to-css/inheritence.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Myth 5</title>
		<link>http://phpforms.net/tutorial/search-systems-myths/myth-5.html</link>
		<comments>http://phpforms.net/tutorial/search-systems-myths/myth-5.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:18:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Search systems myths]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1668</guid>
		<description><![CDATA[You can be sure that you will reach a top position on a certain search request after SEO site optimization.
We recommend you to be careful with this kind of statements from SEO companies or freelancers. Remember that only those men who have access to the admin panel or the source code of the searcher can [...]]]></description>
			<content:encoded><![CDATA[<p>You can be sure that you will reach a top position on a certain search request after SEO site optimization.</p>
<p>We recommend you to be careful with this kind of statements from SEO companies or freelancers. Remember that only those men who have access to the admin panel or the source code of the searcher can affect the search results. It’s impossible to forecast the position even on less competitive key phrases. We also cannot predict keeping the fixed position, because the SERP results may change very often. For example, if you would reach TOP4 on some key phrase tomorrow, the position might change to 2nd or 8th in some time. That is why we strive to get our customers into TOP10, but a definite position can’t be predicted for sure.</p>
<p>You should be careful with the companies which give a 100% guarantee on reaching a top position. Such forecasts can’t be made, because the search algorithms are improved pretty often. And probably even when our team was working on this chapter, the search machine had changed its ranging algorithms. So probably some methods described in this book may lose a part of their effectiveness, or even they may lose it at all.</p>
<p>The site search optimization can be done without changing the source program code of the site.</p>
<p>This statement is true only in single occasion — if the site’s source program code is ideal from SEO’s point of view, and if only the off-site optimization is needed. But in most cases, on the starting stages we get sites with a great amount of mistakes and defects from SEO’s point of view. So it is impossible to fix them without changing the program code.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/search-systems-myths/myth-5.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Myth 4</title>
		<link>http://phpforms.net/tutorial/search-systems-myths/myth-4.html</link>
		<comments>http://phpforms.net/tutorial/search-systems-myths/myth-4.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:15:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Search systems myths]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1664</guid>
		<description><![CDATA[The presence of any page of site at the search system index can enhance the traffic to the site.
This statement is far away from the truth. If the link to some page of your site appears at the search result for a certain search request, and the link is not in TOP3 — than it [...]]]></description>
			<content:encoded><![CDATA[<p>The presence of any page of site at the search system index can enhance the traffic to the site.</p>
<p>This statement is far away from the truth. If the link to some page of your site appears at the search result for a certain search request, and the link is not in TOP3 — than it doesn’t mean at all that such ranging of your site can attract visitors.</p>
<p>For example, if your page is in TOP1 on the request “Where can I buy a good software for my business?”, the traffic to your site will be miserable.</p>
<p>And if you are on 46th place on the request “business software”, you are also likely to have a low traffic.</p>
<p>But if you are in TOP3 on the request “software” or “business software”, than you should be ready for the rush of your potential clients and for converting the incoming traffic.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/search-systems-myths/myth-4.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Myth 3</title>
		<link>http://phpforms.net/tutorial/search-systems-myths/myth-3.html</link>
		<comments>http://phpforms.net/tutorial/search-systems-myths/myth-3.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:15:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Search systems myths]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1662</guid>
		<description><![CDATA[The software that allows an automatic registration in thousands of search systems, catalogs and bulletin boards will be really able to do all this stuff.
The existing software can automate some processes of SEO promotion pretty well. For example, it can provide the report on the current positions of the promoted key phrases, the number of [...]]]></description>
			<content:encoded><![CDATA[<p>The software that allows an automatic registration in thousands of search systems, catalogs and bulletin boards will be really able to do all this stuff.</p>
<p>The existing software can automate some processes of SEO promotion pretty well. For example, it can provide the report on the current positions of the promoted key phrases, the number of pages in the search machine index, PR rates, the list if the websites that refer to your resource etc.</p>
<p>But unfortunately at the time there is no such software product that could be a semantic core of the project, that could arrange border key phrases, optimize meta-tags and the site content, that could do the registration in the search systems, catalogs and follow all their rules. Also the software products would not be able to analyze the effectiveness of the search promotion etc. You should not expect the software to do all this job at a high quality level, as this kind of work is pretty difficult and can’t be done with help of a program.</p>
<p>Every day lots of SEO companies look for more qualitative sets of key words for their clients and analyze their rivals in different fields. It sometimes happens that the methods which used to be effective always before (the consequence of the search algorithms modification) stop working. In such cases, you should instantly revise the details of your search promotion, and then look for alternative variants. The concludes based on the cut and try eventually make the most effective promotion strategy. Software here is powerless.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/search-systems-myths/myth-3.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Myth 2</title>
		<link>http://phpforms.net/tutorial/search-systems-myths/myth-2.html</link>
		<comments>http://phpforms.net/tutorial/search-systems-myths/myth-2.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:15:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Search systems myths]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1660</guid>
		<description><![CDATA[An effective marketing campaign using the search systems can be done “with no leaving home”.
It is absolutely impossible. The process of leading to the TOP10 highly competitive key phrases is doubtlessly pretty labor-consuming and long. But the fight for holding the reached position is hard as well.
The complexity and daily competition for position in the [...]]]></description>
			<content:encoded><![CDATA[<p>An effective marketing campaign using the search systems can be done “with no leaving home”.</p>
<p>It is absolutely impossible. The process of leading to the TOP10 highly competitive key phrases is doubtlessly pretty labor-consuming and long. But the fight for holding the reached position is hard as well.</p>
<p>The complexity and daily competition for position in the search results excludes the possibility of SEO promotion “with no leaving home” for most companies. According to our research, more than 70% of corporate websites don’t even understand the basics of site positioning in the search systems with help of such factors as meta-tags, page titles and methods of page linking. And more than that, they forget to register their sites in the leading search systems like Google, Yahoo … and the number of minor searchers.</p>
<p>The common mistake of most companies is that they entrust the site registration and promotion in the searchers to the webmaster or support group which don’t have enough time to understand the great amount of details necessary for an effective SEO promotion.</p>
<p>A SEO specialist should spend at least 1 hour of his on-duty time on reading SEO related news. That can be some kind of announcements about new algorithms, ranging factors etc. modernization. The webmasters are most likely unable to spend their time on such supervisions. Eventually it causes waste of money and ineffective SEO results.</p>
<p>Also in many companies the work on the site optimization for the search systems is not considered a number one important task and is not supposed a basic measure for the business development. We’d like to notice that the site optimization for the search systems with the following promotion for key phrases must hold a priority place in the business development strategy. It requires a specialized staff and a budget.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/search-systems-myths/myth-2.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Myth 1</title>
		<link>http://phpforms.net/tutorial/search-systems-myths/myth-1.html</link>
		<comments>http://phpforms.net/tutorial/search-systems-myths/myth-1.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:14:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Search systems myths]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1658</guid>
		<description><![CDATA[The site traffic that goes from search systems is not such good as the one coming from traditional marketing methods (ads on TV, mail dispatches, radio, ads in press).
These statements are not fully true. Most of them are based on the lack for the proper knowledge about the traffic generated by search systems and its [...]]]></description>
			<content:encoded><![CDATA[<p>The site traffic that goes from search systems is not such good as the one coming from traditional marketing methods (ads on TV, mail dispatches, radio, ads in press).</p>
<p>These statements are not fully true. Most of them are based on the lack for the proper knowledge about the traffic generated by search systems and its transformation from visitors to customers. For some reason, most business owners either don’t want to deal with SEO promotion, or don’t possess the knowledge, specialists, and resources for implementation of this kind of business development. Obviously, SEO requires special technologies and knowledge. That is why many people refuse SEO usage often.</p>
<p>Apparently, the site promotion by reaching the TOP positions on definite competitive words can boost the site attendance pretty well. Also, the statistic says that as a rule the visitors involved with help of SEO technologies are absolutely the aim audience, and they are a big value. 85% of the Internet users use the search systems for seeking an information, products and different kinds of services.</p>
<p>The point is that the search machines attract a pretty quality traffic. As this traffic is the users who look for the information that is necessary for them at the time.</p>
<p>Google will provide the maximum relevant answer for a certain request. And what can be better than the maximum relevant traffic? Especially if it comes on the transaction requests.</p>
<p>Also a pretty big plus in the visitor attraction with SEO is comparatively low price for a visitor or customer on the site. For today, the search systems are much more useful than the traditional marketing methods.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/search-systems-myths/myth-1.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Anchor Text</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/anchor-text.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/anchor-text.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:14:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1656</guid>
		<description><![CDATA[
Visible and clickable hyperlink text. Anchor is the text that user clicks on when clicking the webpage link.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Visible and clickable hyperlink text. Anchor is the text that user clicks on when clicking the webpage link.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/anchor-text.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Usability</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/usability.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/usability.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:13:49 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1654</guid>
		<description><![CDATA[
The ability (the degree of intuitivism and convenience) to use a website. As a rule, a quality usability is supposed to have a convenient navigation, a well recognizable text and graphics, and a rational location of informational blocks on webpage.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>The ability (the degree of intuitivism and convenience) to use a website. As a rule, a quality usability is supposed to have a convenient navigation, a well recognizable text and graphics, and a rational location of informational blocks on webpage.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/usability.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Black sites catalog</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/black-sites-catalog.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/black-sites-catalog.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:13:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1652</guid>
		<description><![CDATA[
The catalog which requires a compulsory posted return link and checks whether it exists. You shouldn’t register on such catalogs, because you would have to create a page with the dump of links to catalogs. And there is a great probability to get a ban (exception from index) from search systems for posting such a [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>The catalog which requires a compulsory posted return link and checks whether it exists. You shouldn’t register on such catalogs, because you would have to create a page with the dump of links to catalogs. And there is a great probability to get a ban (exception from index) from search systems for posting such a page on site. There is also a great amount of catalogs that post a link to site through redirect. You get almost no profit from such a link. PageRank isn’t transmitted through it, as like weight of the keywords embedded in the body of the link. The profit such catalogs give you is an extra rush of visitors. But it is not too big as a rule. That is why there is a sense to register only in the most big catalogs. Sometimes you may find the catalogs which post a link through redirect and then require a direct return link! You’d rather escape such catalogs to save your time.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/black-sites-catalog.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Homepage</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/homepage.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/homepage.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:13:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1650</guid>
		<description><![CDATA[
Initially, the page which is set up as a starting in browser. Later it became the term for a basic site’s page addressed home.html, index.html, main.html, as a rule. For optimization, it’s important that this page is available on address www.site.com, because external links will be posted right on this address. Some catalogs doesn’t give [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Initially, the page which is set up as a starting in browser. Later it became the term for a basic site’s page addressed home.html, index.html, main.html, as a rule. For optimization, it’s important that this page is available on address www.site.com, because external links will be posted right on this address. Some catalogs doesn’t give the opportunity to add a link on the page www.site.com/home.html.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/homepage.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Frames</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/frames.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/frames.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:12:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1647</guid>
		<description><![CDATA[
Part of a hypertext document (e. g. website) with own scrollbars. This HTML technology allows to show two or more pages of web sources in the same window of browser. As a rule, search systems don’t index frames.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Part of a hypertext document (e. g. website) with own scrollbars. This HTML technology allows to show two or more pages of web sources in the same window of browser. As a rule, search systems don’t index frames.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/frames.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Favicon</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/favicon.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/favicon.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:12:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1645</guid>
		<description><![CDATA[
FAVorites ICON - the site sign. It is shown by some browsers in an address bar before the page’s URL, and also as a bookmark icon, in tabs and in other interface elements. An image of size 16x16 pixels in format ICO is usually used. It is traditionally located in the site’s root under the [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>FAVorites ICON - the site sign. It is shown by some browsers in an address bar before the page’s URL, and also as a bookmark icon, in tabs and in other interface elements. An image of size 16x16 pixels in format ICO is usually used. It is traditionally located in the site’s root under the name favicon.ico, because initially Internet Explorer searches it there. In HTML code, all the modern browsers understand an explicit instruction for positioning of an icon in such a format: The pass to the file, its format and the size of the image can be any allowed for WWW (except for Internet Explorer which allows ICO format only).</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/favicon.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Traffic</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/traffic.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/traffic.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:11:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1643</guid>
		<description><![CDATA[
A human flow in the Internet. Most often, the flow of web sources visitors is called traffic.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>A human flow in the Internet. Most often, the flow of web sources visitors is called traffic.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/traffic.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Link Ranking</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/link-ranking.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/link-ranking.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:11:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1641</guid>
		<description><![CDATA[
Algorithm that is used by search machines to calculate website relevancy to a search request. It is based on the analysis of external links to the website which include a keyword or keywords. Link Ranking is one of the most important factors affecting the website relevancy to a concrete request.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Algorithm that is used by search machines to calculate website relevancy to a search request. It is based on the analysis of external links to the website which include a keyword or keywords. Link Ranking is one of the most important factors affecting the website relevancy to a concrete request.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/link-ranking.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Splog – Spam Blog</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/splog-%e2%80%93-spam-blog.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/splog-%e2%80%93-spam-blog.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:11:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1639</guid>
		<description><![CDATA[
Artificially created blog used for ads or partner websites promotion. Splog can boost PageRank, build external links for a certain website, boost the number of clicks on a paid advertisement, or it can be used as a platform for new sites indexing. Splogs often use a stolen content. Usually they contain a great amount of [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Artificially created blog used for ads or partner websites promotion. Splog can boost PageRank, build external links for a certain website, boost the number of clicks on a paid advertisement, or it can be used as a platform for new sites indexing. Splogs often use a stolen content. Usually they contain a great amount of links to the sites which relate to the owner of splog in some way. These sites often have a low reputation or are just useless.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/splog-%e2%80%93-spam-blog.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Spamdeksing</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/spamdeksing.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/spamdeksing.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:10:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1637</guid>
		<description><![CDATA[
Using “black” and “gray” methods to boost the rating (PR) of page in search systems. Spamdeksing can be hardly called a SEO-optimization, because it badly affects customer’s image and leads his site to a ban-list in some time.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Using “black” and “gray” methods to boost the rating (PR) of page in search systems. Spamdeksing can be hardly called a SEO-optimization, because it badly affects customer’s image and leads his site to a ban-list in some time.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/spamdeksing.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Script</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/script.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/script.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:10:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1635</guid>
		<description><![CDATA[
Program which automates some task that a user would have to do manually without the script.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Program which automates some task that a user would have to do manually without the script.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/script.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Through link</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/through-link.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/through-link.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:10:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1633</guid>
		<description><![CDATA[
A link to another site which is posted on every page of the referring site. There are different opinions on the expediency of placing such links, because many search systems may count such links as a navigation element of the referring site and decrease their weight.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>A link to another site which is posted on every page of the referring site. There are different opinions on the expediency of placing such links, because many search systems may count such links as a navigation element of the referring site and decrease their weight.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/through-link.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gray site catalog</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/gray-site-catalog.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/gray-site-catalog.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:10:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1631</guid>
		<description><![CDATA[
The catalog which frightens its visitors by requiring a compulsory post of a return link on it. But in fact it doesn’t check the presence of the link.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>The catalog which frightens its visitors by requiring a compulsory post of a return link on it. But in fact it doesn’t check the presence of the link.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/gray-site-catalog.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Semantic request field</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/semantic-request-field.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/semantic-request-field.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:09:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1629</guid>
		<description><![CDATA[
Sampling the words and word-combinations that the thematic audience of site is most likely to enter as a request in search system. It can include keywords and keyword combinations.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Sampling the words and word-combinations that the thematic audience of site is most likely to enter as a request in search system. It can include keywords and keyword combinations.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/semantic-request-field.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Code Swapping</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/code-swapping.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/code-swapping.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:09:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1627</guid>
		<description><![CDATA[
Websites optimization aimed to achieve high positions in search systems results. When the source reaches the desired position in the index, a complete or substantial change of content is done.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Websites optimization aimed to achieve high positions in search systems results. When the source reaches the desired position in the index, a complete or substantial change of content is done.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/code-swapping.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Supplemental</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/supplemental.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/supplemental.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:09:25 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1625</guid>
		<description><![CDATA[
So-called extra Google output results. If your website is in supplementals, that means it has been moved to a second plan (most likely deservedly). It is necessary to revise the used promotion methods.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>So-called extra Google output results. If your website is in supplementals, that means it has been moved to a second plan (most likely deservedly). It is necessary to revise the used promotion methods.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/supplemental.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Satellite</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/satellite.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/satellite.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:09:08 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1623</guid>
		<description><![CDATA[
The website that is created only for posting ads and different kinds of links. Such a site is often a part of a link farm.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>The website that is created only for posting ads and different kinds of links. Such a site is often a part of a link farm.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/satellite.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Submit</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/submit.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/submit.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:08:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1621</guid>
		<description><![CDATA[
Adding some content (URL, text etc.) to an informational resource (usually directory or catalog).

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Adding some content (URL, text etc.) to an informational resource (usually directory or catalog).</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/submit.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Re-writing</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/re-writing.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/re-writing.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:08:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1619</guid>
		<description><![CDATA[
Retelling of a non-unique text in other words in order to get a unique page as a final result.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Retelling of a non-unique text in other words in order to get a unique page as a final result.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/re-writing.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Relevance</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/relevance.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/relevance.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:08:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1617</guid>
		<description><![CDATA[
Sense conformity between user’s request typed into a search system and the list of given results. This is an important characteristic in site optimization and promotion. The stuff affecting relevance is a text content, the quality of mega-tags and thematic links from the resources which direct to the site.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Sense conformity between user’s request typed into a search system and the list of given results. This is an important characteristic in site optimization and promotion. The stuff affecting relevance is a text content, the quality of mega-tags and thematic links from the resources which direct to the site.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/relevance.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Redirect</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/redirect.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/redirect.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:08:08 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1615</guid>
		<description><![CDATA[
Compulsory (not requested by user) transfer from one (intermediate) page to another, or download of another (sometimes not relevant) page in the current window of browser.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Compulsory (not requested by user) transfer from one (intermediate) page to another, or download of another (sometimes not relevant) page in the current window of browser.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/redirect.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Direct link</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/direct-link.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/direct-link.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:07:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1613</guid>
		<description><![CDATA[
Link that looks like www.nameyoursite.com. Such a link will give the maximum profit to your site, because it transmits PageRank and the weight of the keywords in the body of the link. The link may look like this: http://www. nameyoursite.com. Such an option is less profitable for the site, because the link gives just PageRank, [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Link that looks like www.nameyoursite.com. Such a link will give the maximum profit to your site, because it transmits PageRank and the weight of the keywords in the body of the link. The link may look like this: http://www. nameyoursite.com. Such an option is less profitable for the site, because the link gives just PageRank, but doesn’t give position improvement in a keyword search.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/direct-link.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Information noice</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/information-noice.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/information-noice.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:07:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1611</guid>
		<description><![CDATA[
“Superfluous”, not relevant web resources presence at search results.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>“Superfluous”, not relevant web resources presence at search results.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/information-noice.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pessimization</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/pessimization.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/pessimization.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:07:25 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1609</guid>
		<description><![CDATA[
An artificial (from the search systems’ administrators point of view) fall of a website position in the request feedback. It’s imposed by not honest methods of “black optimization” applied to the site.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>An artificial (from the search systems’ administrators point of view) fall of a website position in the request feedback. It’s imposed by not honest methods of “black optimization” applied to the site.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/pessimization.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>To parse</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/to-parse.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/to-parse.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:07:11 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1607</guid>
		<description><![CDATA[
To process automatically to get needed data. An output can be parsed for the site rating definition, web pages can be parsed to detect a needed link, and so on. The parsing tool is a special script (parser).

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>To process automatically to get needed data. An output can be parsed for the site rating definition, web pages can be parsed to detect a needed link, and so on. The parsing tool is a special script (parser).</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/to-parse.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Link Spam</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/link-spam.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/link-spam.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:06:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1605</guid>
		<description><![CDATA[The links that are set by “gray optimizers” in order to boost the authoritativeness of site from the search system’s point of view.
]]></description>
			<content:encoded><![CDATA[<p>The links that are set by “gray optimizers” in order to boost the authoritativeness of site from the search system’s point of view.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/link-spam.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Meta Tag</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/meta-tag.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/meta-tag.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:06:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1603</guid>
		<description><![CDATA[
A primary or final marker of meta-data element in the HTML language. Tags define the borders of the elements activity and distinguish elements from each other. In HTML code, tags are enclosed in corner brackets, and the final tag differs with an oblique line.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>A primary or final marker of meta-data element in the HTML language. Tags define the borders of the elements activity and distinguish elements from each other. In HTML code, tags are enclosed in corner brackets, and the final tag differs with an oblique line.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/meta-tag.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Copywriting</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/copywriting.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/copywriting.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:06:25 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1601</guid>
		<description><![CDATA[
The activity on the advertising and image slogan (or motto) development. That also includes advertising and presentation text writing.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>The activity on the advertising and image slogan (or motto) development. That also includes advertising and presentation text writing.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/copywriting.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Content spinning and spinning-soft</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/content-spinning-and-spinning-soft.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/content-spinning-and-spinning-soft.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:06:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1599</guid>
		<description><![CDATA[
Spinning includes different tags insert inside your article. An automatic spinning-soft can change words and sentences, creating modified versions of your primary page. The purpose of content spinning is to make different versions of the same article and to avoid copyright sanctions.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Spinning includes different tags insert inside your article. An automatic spinning-soft can change words and sentences, creating modified versions of your primary page. The purpose of content spinning is to make different versions of the same article and to avoid copyright sanctions.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/content-spinning-and-spinning-soft.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Content</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/content.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/content.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:05:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1597</guid>
		<description><![CDATA[
Any kind of valuable information that fills up an informational resource (e. g. website). That can be texts, graphics, multimedia. In the optimization field, a text content is usually meant.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Any kind of valuable information that fills up an informational resource (e. g. website). That can be texts, graphics, multimedia. In the optimization field, a text content is usually meant.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/content.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Conversion rate</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/conversion-rate.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/conversion-rate.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:05:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1595</guid>
		<description><![CDATA[
The percent of unique visitors which make desired actions being on a website. The desired action can be a site’s URL submission, a purchase, a browsing of the site’s mainpage, a file download or any other traceable action.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>The percent of unique visitors which make desired actions being on a website. The desired action can be a site’s URL submission, a purchase, a browsing of the site’s mainpage, a file download or any other traceable action.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/conversion-rate.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Click Fraud</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/click-fraud.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/click-fraud.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:05:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1593</guid>
		<description><![CDATA[
Clicking on an advertisement modules without an intention to order the proposed product or service. The Click Fraud’s purposes vary from trying to make a certain advertiser pay to enhancing own profit from a partner program.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Clicking on an advertisement modules without an intention to order the proposed product or service. The Click Fraud’s purposes vary from trying to make a certain advertiser pay to enhancing own profit from a partner program.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/click-fraud.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Captcha</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/captcha.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/captcha.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:03:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1590</guid>
		<description><![CDATA[
A shortening for an expression “completely automated public Turing test to tell computers and humans apart” – a distorted text seen when registering on web resources, which distinguishes humans from machines.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>A shortening for an expression “completely automated public Turing test to tell computers and humans apart” – a distorted text seen when registering on web resources, which distinguishes humans from machines.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/captcha.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dynamic content</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/dynamic-content.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/dynamic-content.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:02:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1588</guid>
		<description><![CDATA[
Changeable information in a web source. A search robot distinguishes dynamic pages not by content, but by URL address: if it doesn’t contain parameters and question sign than the page is static.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Changeable information in a web source. A search robot distinguishes dynamic pages not by content, but by URL address: if it doesn’t contain parameters and question sign than the page is static.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/dynamic-content.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>To generate</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/to-generate.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/to-generate.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:02:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1586</guid>
		<description><![CDATA[
To create something automatically. More often, that is some segment of information (e. g. “generate code fragment”). Also, the expression “generate” can be used for “an automatic” involvement some visitor flow to a website on certain conditions (“generate traffic”).

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>To create something automatically. More often, that is some segment of information (e. g. “generate code fragment”). Also, the expression “generate” can be used for “an automatic” involvement some visitor flow to a website on certain conditions (“generate traffic”).</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/to-generate.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gateways</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/gateways.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/gateways.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:02:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1584</guid>
		<description><![CDATA[
The pages containing links to the target pages. They may not contain tags, keywords or text at all. Their only aim is to make the search systems robots follow links to your target pages. The point is that for search machines, document is more valuable if it’s found by link rather than added to the [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>The pages containing links to the target pages. They may not contain tags, keywords or text at all. Their only aim is to make the search systems robots follow links to your target pages. The point is that for search machines, document is more valuable if it’s found by link rather than added to the system manually.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/gateways.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ROI, Return On Investment</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/roi-return-on-investment.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/roi-return-on-investment.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:01:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1582</guid>
		<description><![CDATA[
Correlation of the means earned or lost due to investment to the sum of the investment. The quantity of earned or lost means can also be called an interest or profit/loss. ROI is the return on a previous or current investment, or is an approximate return on a future investment. ROI is given in percents [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Correlation of the means earned or lost due to investment to the sum of the investment. The quantity of earned or lost means can also be called an interest or profit/loss. ROI is the return on a previous or current investment, or is an approximate return on a future investment. ROI is given in percents most often.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/roi-return-on-investment.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Backlink</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/backlink.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/backlink.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:01:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1580</guid>
		<description><![CDATA[
An external (“return”) link to a web source.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>An external (“return”) link to a web source.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/backlink.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>White directory of sites</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/white-directory-of-sites.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/white-directory-of-sites.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:01:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1578</guid>
		<description><![CDATA[
The directory which places the direct link to site, and doesn’t require a back link.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>The directory which places the direct link to site, and doesn’t require a back link.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/white-directory-of-sites.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>URL (Uniform Resource Locator)</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/url-uniform-resource-locator.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/url-uniform-resource-locator.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:00:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1576</guid>
		<description><![CDATA[
An object address in the Internet. Typical URL for WWW (World Wide Web) looks like http:/ www.sitename.domain/filename, where sitename is the part of web-address used for the site identification (e. g. Apple’s site is called http:// www.apple .com), domain means a large section in the Internet: country (.ru for Russia, .ua for Ukraine) or the [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>An object address in the Internet. Typical URL for WWW (World Wide Web) looks like http:/ www.sitename.domain/filename, where sitename is the part of web-address used for the site identification (e. g. Apple’s site is called http:// www.apple .com), domain means a large section in the Internet: country (.ru for Russia, .ua for Ukraine) or the field of activity (.Com for commercial organizations, .org for non-commercial, .edu for educational resources, and so on), and filename means the name of an embedded website page (e. g. contacts.html). URL is used for indicating a concrete webpage’s or graphic file’s address in the hyperlinks, and also wherever it is needed for an exact definition of webpage or file location.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/url-uniform-resource-locator.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TrustRank</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/trustrank.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/trustrank.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:00:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1574</guid>
		<description><![CDATA[
The technology of link analysis used for a semi-automatic separation useful links from spam. Many of spam pages are created with a single intention – to confuse the search systems. Such pages are basically created for commercial purposes. They use different technologies to reach an undeserving position in SERP. Though people can easily distinguish spam [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>The technology of link analysis used for a semi-automatic separation useful links from spam. Many of spam pages are created with a single intention – to confuse the search systems. Such pages are basically created for commercial purposes. They use different technologies to reach an undeserving position in SERP. Though people can easily distinguish spam from useful sites, it is too expensive to verify big amounts of pages. One of the most popular methods of reaching top positions is an artificial boost of the “importance” of document with help of complex link schemes. For example, Google’s PageRank and other methods of definition of relevant webpage authoritativeness are objects of such manipulations. The TrustRank technology selects a small amount of pages verified by an expert. As soon as the quality of these pages is confirmed, the search starts. The robot searches for reliable and quality pages similar to the primary set of trusted documents.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/trustrank.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Social media</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/social-media.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/social-media.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 10:00:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1572</guid>
		<description><![CDATA[
Initially, this is (bookmarking), the sites like del.icio.us, where you can communicate and discover something new. The links from such “social” sites are especially appreciated by the searchers (e. g. Google) last time. This initiative inspired the development of social news-portals (Digg, Reddit).

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Initially, this is (bookmarking), the sites like del.icio.us, where you can communicate and discover something new. The links from such “social” sites are especially appreciated by the searchers (e. g. Google) last time. This initiative inspired the development of social news-portals (Digg, Reddit).</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/social-media.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Linkbaiting</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/linkbaiting.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/linkbaiting.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:59:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1570</guid>
		<description><![CDATA[
Involvement new links on website by creating an original, arguable and interesting content. In a negative sense, linkbaiting is an “alluring” external links, a set of methods which allow you to use visitor’s attention to make them leave their links on your site.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Involvement new links on website by creating an original, arguable and interesting content. In a negative sense, linkbaiting is an “alluring” external links, a set of methods which allow you to use visitor’s attention to make them leave their links on your site.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/linkbaiting.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Link farm</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/link-farm.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/link-farm.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:59:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1568</guid>
		<description><![CDATA[
A group of webpages containing hyperlinks to each other or to a definite page. A bright instance of dark gray SEO.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>A group of webpages containing hyperlinks to each other or to a definite page. A bright instance of dark gray SEO.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/link-farm.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Googlebombing</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/googlebombing.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/googlebombing.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:59:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1566</guid>
		<description><![CDATA[
A “gray” SEO technology. Blogger Adam Mates was the first who used it. In 2001, he used it to get his friend’s site showed the first one for the request “talentless hack”. Its goal is to lead another's website to the top position of Google’s search results on the requests that the website wouldn’t like [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>A “gray” SEO technology. Blogger Adam Mates was the first who used it. In 2001, he used it to get his friend’s site showed the first one for the request “talentless hack”. Its goal is to lead another's website to the top position of Google’s search results on the requests that the website wouldn’t like to be show up by. Example: site whitehouse.gov, containing information about President Bush, was the first one in Google’s feedback on request “miserable failure” for a long time. Google have launched the algorithm that decreases the opportunity of googlebombing very much. Now sites about Bush are shown first ones on requests "great president" and "worst president ever".</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/googlebombing.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CTR (click-through rate)</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/ctr-click-through-rate.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/ctr-click-through-rate.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:59:08 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1564</guid>
		<description><![CDATA[
This is one more synonym for clickability. CTR is the ratio of the number of clicks on the link to the number of its views. It’s measured in percents.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>This is one more synonym for clickability. CTR is the ratio of the number of clicks on the link to the number of its views. It’s measured in percents.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/ctr-click-through-rate.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Crawlability</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/crawlability.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/crawlability.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:58:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1562</guid>
		<description><![CDATA[
The degree of site availability for the search robot research. There are many parameters that depend on it, e. g. indexing ability and as consequence visibility.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>The degree of site availability for the search robot research. There are many parameters that depend on it, e. g. indexing ability and as consequence visibility.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/crawlability.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CMS (Content Management System)</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/cms-content-management-system.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/cms-content-management-system.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:58:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1560</guid>
		<description><![CDATA[
Content Management System is a computer program used for some content management (most often webpage’s). Such systems are usually used for storage and publication great amounts of documents, images, music and video. In the Internet, CMS allows to manage text and graphic website content, providing user with convenient tools for storage and publication of information. [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Content Management System is a computer program used for some content management (most often webpage’s). Such systems are usually used for storage and publication great amounts of documents, images, music and video. In the Internet, CMS allows to manage text and graphic website content, providing user with convenient tools for storage and publication of information. The examples of quality CMS are Drupal,  Joomla!</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/cms-content-management-system.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Breadcrumbs</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/breadcrumbs.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/breadcrumbs.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:58:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1558</guid>
		<description><![CDATA[
A navigation technique which displays all the visited by user webpages from homepage to the current page. All these pages are links for a comfortable redirection. Breadcrumbs are usually located on top of page. For example, “You are here: Main > Tutorials > Glossary”.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>A navigation technique which displays all the visited by user webpages from homepage to the current page. All these pages are links for a comfortable redirection. Breadcrumbs are usually located on top of page. For example, “You are here: Main > Tutorials > Glossary”.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/breadcrumbs.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bounce rate</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/bounce-rate.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/bounce-rate.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:58:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1556</guid>
		<description><![CDATA[
Percentage of the users which closed website on a certain point (tearing-away rate). In a negative sense, when users click browser to see another search results.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Percentage of the users which closed website on a certain point (tearing-away rate). In a negative sense, when users click browser to see another search results.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/bounce-rate.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 01. What is SEO?</title>
		<link>http://phpforms.net/tutorial/seo-book/awg.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/awg.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:33:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1465</guid>
		<description><![CDATA[
SEO (Search Engine Optimization) is a complex of measures which are directed to both internal and external optimization of the web site.
SEO began its development with the appearance of the search systems in 1990. Initially, the search systems paid the great attention to Meta tags.  As web-masters could manipulate with tags, results of the [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="../wp-content/uploads/2010/02/image001.jpg"><img class="aligncenter size-full wp-image-2149" title="image001" src="../wp-content/uploads/2010/02/image001.jpg" alt="" width="106" height="110" /></a></p>
<p><span style="color: #000000;">SEO (Search Engine Optimization) is a complex of measures which are directed to both internal and external optimization of the web site.</span></p>
<p><span style="color: #000000;">SEO began its development with the appearance of the search systems in 1990. Initially, the search systems paid the great attention to Meta tags.  As web-masters could manipulate with tags, results of the search presented low-grade sites, and it had led to the substantial decrease of the Search system’s quality. The PR-technology appeared to help and even now it is still used by Google.  PR helped to range sites on the basis of both, internal and external factors (nowadays, these are the main factors used during the range</span> of search results).</p>
<p><span style="color: #000000;">The search optimization process of the site is divided into on two stages, which include the work both on internal and external optimization.</span></p>
<p><span style="color: #000000;">Internal operations (site analysis as for its correspondence to the technical requirements, technical errors removal, key-words selection, meta-tags composing, and correction of the page content).</span></p>
<p><span style="color: #000000;">External operations are the actions, which take place out of the site (site-registration in the search systems and catalogs, the link exchange and so on).  The internal operations are the basis of working over the site optimization. But the external optimization is the most important method of promotion and we’ll discuss it later.</span></p>
<p><span style="color: #000000;">The relevant results during the search request are considered to be the main task of any search system, and this rule is followed by every search system, such as for example Google, Yahoo, Bind, Baidu, ASK…</span></p>
<p><span style="color: #000000;">Algorithms of the site selection for their displaying to users are the search system’s trade secret. Engineers of the SS, while improving the algorithms, always change the rules of the game, so the methods of selection for the sites displaying in the output as for the particular request.</span></p>
<p><span style="color: #000000;"> </span></p>
<p><span style="color: #000000;">SEO will give you an opportunity to optimize site’s web-page so that it wouldn’t contradict to the general rules of the search system, and at the same time would stimulate the better indexation. Meanwhile, SEO doesn’t forget about the user, helps to present the convenient and useful page.</span></p>
<p><span style="color: #000000;">It is easier for the optimized site to rise by target requests in the search results of the search engines, so this way the quantity of site visitors rises in the time of simultaneous increase of target audience.</span></p>
<p><span style="color: #000000;">The search site promotion has some positive factors.</span></p>
<p><span style="color: #000000;">One of the main positive factors is that site search promotion provides a long-time result, however it does not take part only once. One more important thing is that site search promotion should take part only with the help of white methods and they shouldn’t contradict with the rules of search system.</span></p>
<p><span style="color: #000000;">The budget of site search promotion depends directly on the picked up key-phrases and on a competition between them.</span></p>
<p><span style="color: #000000;">The long-time period from the beginning of work up to the getting results is considered to be the only one disadvantage of the site search promotion. At the average, the complex promotion of the site lasts 3-4 months.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/awg.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 02. What way it can help my site?</title>
		<link>http://phpforms.net/tutorial/seo-book/what-way-it-can-help-my-site.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/what-way-it-can-help-my-site.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:32:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1469</guid>
		<description><![CDATA[If SEO technologies will be used correctly, it is possible to receive quite large list of advantages in comparison with your competitors.
 
1. Your site will completely correspond to the recommended rules of the search systems.
2. Your chances to hit in Top on certain search enquiries greatly increase.
3. After the end of promotion your site [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #000000;">If SEO technologies will be used correctly, it is possible to receive quite large list of advantages in comparison with your competitors.</span></p>
<p><span style="color: #000000;"> </span></p>
<p><span style="color: #000000;">1. Your site will completely correspond to the recommended rules of the search systems.</span></p>
<p><span style="color: #000000;">2. Your chances to hit in Top on certain search enquiries greatly increase.</span></p>
<p><span style="color: #000000;">3. After the end of promotion your site can take the place of Top 10 for a long time, but the main difficulty consists in the retention of the results, that were achieved. As it was stated above, site optimization takes part only once and this process is quite laborious and long-lasting.</span></p>
<p><span style="color: #000000;">The best award for optimizer’s work is the trust of the search system, because if you deserve it, your site will have quite big amount of visitors (Potential clients).</span></p>
<p><span style="color: #000000;"><strong>Guarantees</strong></span></p>
<p><span style="color: #000000;">Search systems site optimization guarantees the increase of the search traffic and also guarantees the target traffic increase within it. However it does not guarantee 100 % of employment of certain positions because the algorithms of search engines can vary and make it quite often.</span></p>
<p><span style="color: #ff0000;"><br />
</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/what-way-it-can-help-my-site.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 03. What is not considered to be a target for SEO optimization?</title>
		<link>http://phpforms.net/tutorial/seo-book/what-is-not-considered-to-be-a-target-for-seo-optimization.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/what-is-not-considered-to-be-a-target-for-seo-optimization.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:31:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1471</guid>
		<description><![CDATA[SEO does not consist in hitting Top positions on a certain key phrases set, the quality of optimization won’t depend on phrases quantity.
SEO is not considered to be the aspiration of being found with the help of all the keywords which are possible. A lot of people try to receive the rank as high, as [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #000000;">SEO does not consist in hitting Top positions on a certain key phrases set, the quality of optimization won’t depend on phrases quantity.</span></p>
<p><span style="color: #000000;">SEO is not considered to be the aspiration of being found with the help of all the keywords which are possible. A lot of people try to receive the rank as high, as it is possible for the greater amount of the key-words.</span></p>
<p><span style="color: #000000;"> </span></p>
<p><span style="color: #000000;">The strategy of occupation the highest positions as for the quantity of the key-requests, which is firstly, a huge amount of works, which is unnecessary, secondly, this is simply a waste of time.</span></p>
<p><span style="color: #000000;">The result of the optimization by certain key-requests increasingly depends on the quality of their selection and on the knowledge and the experience of the optimizer as a whole. Site-optimization can fail on the first stages, if the key-phrases and methods of their optimization are selected incorrectly.</span></p>
<p><span style="color: #000000;"> </span></p>
<p><span style="color: #000000;">The number of the keywords on which it is possible to find your site in the Internet is unimportant. The importance consists in the possibility of finding your site using correct key-words and of course in the site possibility to make your visitors become clients.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/what-is-not-considered-to-be-a-target-for-seo-optimization.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 04. General information about Search systems (Google)</title>
		<link>http://phpforms.net/tutorial/seo-book/general-information-about-search-systems.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/general-information-about-search-systems.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:30:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1473</guid>
		<description><![CDATA[

Google is the leader among search engines that occupies 60 % of the world market. Daily, about 50 million user’s requests are registered and more than 8 billion of pages are indexed.
 
Google has been created by the graduates of Stanford University Sergey Brin and Lari Pejdzhem. It was they, who applied the technology of [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;">
<p style="text-align: center;"><a href="../wp-content/uploads/2010/02/image002.jpg"><img class="size-full wp-image-2147  aligncenter" title="image002" src="../wp-content/uploads/2010/02/image002.jpg" alt="" width="126" height="89" /></a></p>
<p><span style="color: #000000;">Google is the leader among search engines that occupies 60 % of the world market. Daily, about 50 million user’s requests are registered and more than 8 billion of pages are indexed.</span></p>
<p><span style="color: #000000;"> </span></p>
<p><span style="color: #000000;">Google has been created by the graduates of Stanford University Sergey Brin and Lari Pejdzhem. It was they, who applied the technology of ranging PR.  The count of the “authority” of the document is based on the information of the documents referred to it. A huge amount of the documents is referred, and the higher authority they have, the more authoritative becomes the document to which they refer. Quantitative value of the document or PR concerns to so-called static factors (they do not depend on concrete request) and taking this factor into consideration while defining the relevance of the document to the concrete request, as a weighting factor. For the definition of the document’s relevance, Google applied not only the text of this document, but also the text of the links which leads to it. The given technology allowed supplying with the relevant results to the answers on the user’s requests. Also Google occupies the leading positions as for such factor as satisfaction of the users with the results of their search.</span></p>
<p><span style="color: #000000;">Google makes a search among the documents in more than 35 languages including Russian. Nowadays many portals and specialized sites provide services of the information search in the Internet on the basis of Google, that makes the task of successful site positioning in Google more important. Google does reindexation in its search base approximately once per 4 weeks. During this updating, that is also called Google Dance, the updating of the base is made on the basis of information, which was collected by the robots during the time that past from the previous updating, and the recalculation of the PageRank documents volumes. Also there is a certain amount of documents with quite big volume PageRank, the information about which in the search base is updating daily, but the volume of the RageRank is recalculating only during Google dance.  You can find out the normalized RageRank volume for the concrete document, which was uploaded to the browser, having downloaded and installed Google ToolBar (<a href="http://www.google.com/toolbar/ff/index.html">http://www.google.com/toolbar/ff/index.html</a>) that is a special toolbar for the work with this search system. Despite the fact that the search system has a form for the free page adding to the base, Google itself prefers finding new documents using the links from already known and it wouldn’t index the page, added through the form, if there would be no page, referring to it.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/general-information-about-search-systems.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 05. General information about Search systems (Yahoo!)</title>
		<link>http://phpforms.net/tutorial/seo-book/general-information-about-search-systems-yahoo.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/general-information-about-search-systems-yahoo.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:29:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1478</guid>
		<description><![CDATA[
Yahoo – the main office of the company is situated in California. The company takes the second place as for the popularity in the world among the search systems, and the first place as for the number of users (345 millions), registered on the Yahoo portal, which provides with a list of services, such as [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="../wp-content/uploads/2010/02/image003.jpg"><img class="aligncenter size-full wp-image-2152" title="image003" src="../wp-content/uploads/2010/02/image003.jpg" alt="" width="120" height="84" /></a></p>
<p>Yahoo – the main office of the company is situated in California. The company takes the second place as for the popularity in the world among the search systems, and the first place as for the number of users (345 millions), registered on the Yahoo portal, which provides with a list of services, such as Yahoo Mail, Yahoo Games, Yahoo Music and so on.</p>
<p>Yahoo appeared in the Internet in 1994, when Jerry Young and David Philo were studying in the University  of Stanford. This information proved the address of their first site <a href="http://akebono.stanford.edu/yahoo">http://akebono.stanford.edu/yahoo</a>. In the end of the year 1994 this address was changed into more simple one as for the sequence of symbols <a href="http://www.yahoo.com/" target="_blank">http://www.yahoo.com</a>.</p>
<p>Initially Yahoo was created as a simple catalog which contained the site links in the Internet. This catalog gains popularity and expands very quickly, so Jerry and David have to break it into the categories – for that time it was revolution – hierarchical index Web was broken into the topics: “Computers”, “Government”, “Culture and Society”. (This service remained till now in a kind of the catalog Yahoo Directory). In autumn 1994 the catalog contained more than 1 million of requests and about 100.000 thousand of users.</p>
<p>“We couldn’t collect quite complete list in Yahoo Database” – Young was writing in the conference Usenet in September 1994. – “This was an attempt to divide the information into the topics.  Of course, not everything managed to do, but we continue working on it. And our classification supports the search”.</p>
<p>The investments into the well-known and developing resource were growing up, like their popularity. In April 1995 Yahoo was given a two-stage tranche by the investment fund Sequoia Capital, but Young and Philo decided to end their study in a postgraduate course and to devote all their free time to the company.</p>
<p>“During last several months we haven’t been making researches, - Philo was saying in the interview to the magazine CIO in June 1995. – It was necessary to define, in which direction we should move further, and we came to a conclusion, that we are not very interested in our post graduating occupation”.</p>
<p>One by one, the divisions were opening in the different countries of the world, 1996 – Germany, 1997 – Sweden, 1998 – Italy and Spain, 1999 – China, 2000 – India and Canada.</p>
<p>Corporation bought such projects as HotJobs and Flicker and after that were integrated to their own portal.</p>
<p>Yahoo used Google company technologies for the realization of their search system, but in February 2004 all the agreements with Google have been cancelled. However, after several years the company succeeded to become the leader in the sphere of the e-search.</p>
<p>Today Yahoo is one of the most important brands in the sphere of EIS. Company has about 500 mln. of users in different countries of the world, and it’s name is known to billions of people.</p>
<p>David Philo and Jerry Young had to be given the highest award and then closed in the room: their lives couldn’t belong to them only, because they’d made a prominent work as for the web-classification with the help of Yahoo Hostlist” – one of the users wrote in September 1994.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/general-information-about-search-systems-yahoo.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Alexa Rank</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/alexa-rank.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/alexa-rank.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:29:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1514</guid>
		<description><![CDATA[
Alexa Rank is the computer ranging traffic which is reached with the help of the analysis of millions Alex Tulbar users and the information received with other sources containing the Internet traffic data. The received results are sorted, filtered, counted up and then traffic ranging can be seen in Alex's service.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Alexa Rank is the computer ranging traffic which is reached with the help of the analysis of millions Alex Tulbar users and the information received with other sources containing the Internet traffic data. The received results are sorted, filtered, counted up and then traffic ranging can be seen in Alex's service.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/alexa-rank.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Internal links</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/internal-links.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/internal-links.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:29:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1512</guid>
		<description><![CDATA[
Internal links - One of numerous secrets of effective site promotion is competent arrangement of internal links on resource page. There are some ways of links placing on the site page:
- The even exchange of links among all the resource pages;
- Links arrangement on one site page from all internal pages;
- Cross placing of hyperlinks [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Internal links - One of numerous secrets of effective site promotion is competent arrangement of internal links on resource page. There are some ways of links placing on the site page:</dd>
<dd>- The even exchange of links among all the resource pages;<br />
- Links arrangement on one site page from all internal pages;<br />
- Cross placing of hyperlinks among site pages.</dd>
<dd>It is not necessary to place a considerable quantity of links from one page because in this case your PR will be «sprayed". It will not bring essential advantage to pages to which it refers.<br />
When you plan internal links placing on a site page, you should remember that the page on which it will conduct most number of links will receive the higher value Page Rank. It is better, if it is the main page of your resource.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/internal-links.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>External links</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/external-links.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/external-links.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:29:04 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1510</guid>
		<description><![CDATA[
External links are links indicating on a site from the outside. They are one of PR increasing ways. Other way is pages addition within a site. Entering links have quite big number of estimation criteria. We will consider most important of them:
Quality of the entering link is a measurement of key elements on page containing [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>External links are links indicating on a site from the outside. They are one of PR increasing ways. Other way is pages addition within a site. Entering links have quite big number of estimation criteria. We will consider most important of them:</dd>
<dd>Quality of the entering link is a measurement of key elements on page containing the entering link which influence link reputation in a certain combination.</dd>
<dd>Relevance of the entering link is a characteristic measurement of theme relevance (conformity degree between the desirable and really received information) and a key phrase in content on the page containing the entering link.   </dd>
<dd>The quantity is the criterion having still the big force in combination with resources quality referring to your site.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/external-links.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ban</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/ban.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/ban.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:28:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1508</guid>
		<description><![CDATA[
Ban is a site exception from search results in the certain searcher. Basically all search systems are guided by same rules concerning retaliatory sanctions to sites. As a rule if you get in ban in one of searchers, more often it involves ban in the others. Ban of a site is an extreme measure, there [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Ban is a site exception from search results in the certain searcher. Basically all search systems are guided by same rules concerning retaliatory sanctions to sites. As a rule if you get in ban in one of searchers, more often it involves ban in the others. Ban of a site is an extreme measure, there are also other sanctions:</dd>
<dd>- Filters;<br />
- Site pessimization.
</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/ban.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 06. General information about Search systems (Baidu)</title>
		<link>http://phpforms.net/tutorial/seo-book/general-information-about-search-systems-baidu.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/general-information-about-search-systems-baidu.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:28:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1480</guid>
		<description><![CDATA[
Baidu – is leader among Chinese search systems. Taking into consideration the amount of processing requests, Baidu search site ocuupies the third place (3 billions 428 millions; with a part in a global search 5,2%)
The company works only in china. But indeed, this market grows extremely quickly: Over million of people will search for information [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="../wp-content/uploads/2010/02/image004.jpg"><img class="aligncenter size-full wp-image-2154" title="image004" src="../wp-content/uploads/2010/02/image004.jpg" alt="" width="137" height="46" /></a></p>
<p>Baidu – is leader among Chinese search systems. Taking into consideration the amount of processing requests, Baidu search site ocuupies the third place (3 billions 428 millions; with a part in a global search 5,2%)</p>
<p>The company works only in china. But indeed, this market grows extremely quickly: Over million of people will search for information in the Internet in the end of the year.</p>
<p>The analyst J.P.Morgan and Dick   Way intheir actual analysis proceed from the fact, that the number of users will grow up to 100 millions. A huge market with extremely high profits for Baidu. Compare only the profit, that Google reaches in the USA with a quite similar business-model.</p>
<p>In 2006 Baidu informs about the run of the alternative project – Baidupedia (Baidu Baike). Within 3 weeks it outran the Chinese Wikipedia in number of articles. Today Baidupedia consists of 400 000 articles.</p>
<p>Corrections, which are making to Baidupedia, not immediately become visible, but they come through the moderators and censors, as it is supposed. Baidupedia doesn’t consist of articles about Falun Gong or about independent Taiwan.</p>
<p>In Baidupedia there is an article about Wikipedis, in which Wikipedia is described in neutral-positive manner. For a long time it contained the information about its blocking in CNR, and even some links were given to the mirrors of Wikipedia, which can be used to get to its main page. But some time passed and the links to Wikipedia have been removed and only one link left – to its official page <a href="http://zh.wikipedia.org/">http://zh.wikipedia.org</a>., however it is impossible to get to Wikipedia before having released a lock. The interface for the Chinese users was developed to be as comfortable as possible.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/general-information-about-search-systems-baidu.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Update</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/update.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/update.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:28:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1506</guid>
		<description><![CDATA[
Update is a process of search results updating. As a result there are sites that rise upwards on positions and other lose them. Every search system has own updatings.

]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Update is a process of search results updating. As a result there are sites that rise upwards on positions and other lose them. Every search system has own updatings.</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/update.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PR</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/pr.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/pr.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:28:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1504</guid>
		<description><![CDATA[
PR is a calculation algorithm of page authoritativeness used by SE Google. PR has own scale from 1 to 10, PR characterizes "importance" of page. "Weight" of the page A is defined by weight of the transferred page B link. It means that PR is a method of page weight calculation in a way of [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>PR is a calculation algorithm of page authoritativeness used by SE Google. PR has own scale from 1 to 10, PR characterizes "importance" of page. "Weight" of the page A is defined by weight of the transferred page B link. It means that PR is a method of page weight calculation in a way of importance calculation of its links.<br />
Google considers not all links. Links are filtered from sites specially intending for their congestion. Some links can not only not be considered, but also affect linking site ranging negatively (such effect is called as search pessimization).<br />
The company Google perfectly understands that the web designer cannot control entering external links. The strict control is conducted under the proceeding links. You should show consideration for sites on which you refer to. Every possible "suspicious", "black" (according to Google) links on a site cannot harm it, but links from a site can do.<br />
It is necessary to notice also that PageRank is a parameter concerning each separate page but not to all site as a whole. Pages with different PageRank can be on one site.
</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/pr.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Snippet</title>
		<link>http://phpforms.net/tutorial/basic-seo-terminology/snippet.html</link>
		<comments>http://phpforms.net/tutorial/basic-seo-terminology/snippet.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:27:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Full SEO dictionary]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1502</guid>
		<description><![CDATA[
Snippet – the compressed information on the site page presented by search system in delivery page. Snippets are created with the help meta-tag description. If given meta-tag is absent on a site, then SE analyzes the text and gives out the most relevant piece of the text as a snippet. This meta-tag does not influence [...]]]></description>
			<content:encoded><![CDATA[<dl class="spiski">
<dd>Snippet – the compressed information on the site page presented by search system in delivery page. Snippets are created with the help meta-tag description. If given meta-tag is absent on a site, then SE analyzes the text and gives out the most relevant piece of the text as a snippet. This meta-tag does not influence on site ranging, but snippet plays very important role in the formation of opinion about a site. The user makes the decision – «either go on a site or do not» on a basis of meta-tag Title and Description.<br />
Error while you are drawing up a snippet is saturation by its keywords.
</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/basic-seo-terminology/snippet.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 07. Acquaintance to Search engine</title>
		<link>http://phpforms.net/tutorial/seo-book/acquaintance-to-search-engine.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/acquaintance-to-search-engine.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:27:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1482</guid>
		<description><![CDATA[Formation of the Search system


In this chapter the main principles of SS working are considered. Also it is considered the criteria of pages selection by Search system for display to users in certain key inquiry. When you write it, you will be understood how SS works, why site optimization is needed, how you can create [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><strong>Formation of the Search system</strong></p>
<p style="text-align: center;"><strong><a href="../wp-content/uploads/2010/02/image005.jpg"><img class="aligncenter size-full wp-image-2156" title="image005" src="../wp-content/uploads/2010/02/image005.jpg" alt="" width="111" height="111" /></a><br />
</strong></p>
<p>In this chapter the main principles of SS working are considered. Also it is considered the criteria of pages selection by Search system for display to users in certain key inquiry. When you write it, you will be understood how SS works, why site optimization is needed, how you can create friendly pages for SS. So, lets consider program components for SS.</p>
<p>- Search Engine Results engine – it derives results of search from data base.</p>
<p>- Spider – this program downloads web pages like a browser</p>
<p>- Indexer – the program analyzing pages downloaded by spiders</p>
<p>- Crawler is a program passing automatically through all links found on a page. It defines further path of a spider going by links. Crawler finds new documents unknown to SS when it follows these links.</p>
<p>- Database is a repository of downloaded and processed pages.</p>
<p>- Web Server – as a rule there is the html-page at the server with the field of entering in which users can specify a term they interested in.  Web-server also accounts for results delivery to users as html-page.</p>
<p>When you inquiry a key phrase, search will be fulfilled only within the ambit of its data base of SS.</p>
<p><strong> </strong></p>
<p>A detailed scheme of search engines work can differ each other (for example, binding Spider+Crawler+Indexer can be fulfilled as one program which downloads known web-pages, analyzes it and find new resources by links)<strong> </strong></p>
<p><strong> </strong></p>
<p><strong> </strong></p>
<p><strong> </strong></p>
<p><strong> </strong></p>
<p><strong> </strong></p>
<p><strong> </strong></p>
<p><span style="color: #000000;"><strong>Here must be the image of site indexing. The structure should be saved.</strong></span></p>
<p style="text-align: center;"><span style="color: #ff0000;"><strong><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/02/image007.gif"><img class="aligncenter size-medium wp-image-2158" title="image007" src="http://phpforms.net/tutorial/wp-content/uploads/2010/02/image007-300x228.gif" alt="" width="300" height="228" /></a><br />
</strong></span></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/acquaintance-to-search-engine.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 08. About the search</title>
		<link>http://phpforms.net/tutorial/seo-book/about-the-search.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/about-the-search.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:26:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1484</guid>
		<description><![CDATA[The main task of every SS – to deliver to people the information, they are looking for. It is impossible to teach people how to make “correct” requests, i.e. requests that correspond to the principles of SS work. That’s why, the developers create such algorithms and principles of SS work, which would allow the users [...]]]></description>
			<content:encoded><![CDATA[<p>The main task of every SS – to deliver to people the information, they are looking for. It is impossible to teach people how to make “correct” requests, i.e. requests that correspond to the principles of SS work. That’s why, the developers create such algorithms and principles of SS work, which would allow the users to find the information they need. It means that search system should “think” the same way, as the user during the search of information. Search systems in their majority work using the principle of the prior indexation.</p>
<p>What does it mean? Fox example, in the end of books we can often find the list of words , which were used in the text, in alphabetical order. Accordingly, if you need to find the page, on which the key-word is used, you should simply find it in the list and then, using the link (page number), open the information, you need. The most of the databases of the Search Systems work taking into account the same principle.</p>
<p>There is one more principle of construction – direct search.  It means that you turn over the pages of the book, while searching for the key-word. Certainly, this method is less effective.</p>
<p>In the variant with the inverted index, the search systems face the problem of the size of the files. This problem is usually resolved with the help of 2 methods. The first one consists in deleting of all the odds, and only one thing that is left – that is really important for the search. Second method – not the absolute address is memorized, but relative one, that is the difference between the current and preceding positions.</p>
<p>Thus, there two main processes, executed by the search system, they are the site, page indexation and the search. In general, the process of indexation for the browsers causes no problems. The problem is the processing of millions of the requests 24 hours a day. It is connected with huge volumes of information, which undergoes the processing of big computer complexes. A search load is the main factor, defining the quantity of the servers involved. This explains some strangeness, appearing during the search of information.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/about-the-search.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 09. Indexation</title>
		<link>http://phpforms.net/tutorial/seo-book/indexation.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/indexation.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:25:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1486</guid>
		<description><![CDATA[Indexing of pages is made by special program called robot. Every search engine has a lot of these robots. It is for parallel downloading of documents from different net places. There is no sense to download documents step by step, it is not effective. Imagine permanently growing up tree. On its trunks new branches are [...]]]></description>
			<content:encoded><![CDATA[<p>Indexing of pages is made by special program called robot. Every search engine has a lot of these robots. It is for parallel downloading of documents from different net places. There is no sense to download documents step by step, it is not effective. Imagine permanently growing up tree. On its trunks new branches are appearing permanently (page of sites). Certainly, again appearing sites will be indexed much faster, if robots are in every tree branch. Technically downloading module can be either multimedia (Altavista Merkator) or asynchronous input-output (GoogleBot) is used. Also developers need to solve the task of multiple-stream  DNS-server.</p>
<p>In multithread scheme downloading threads are called worms, and their manager – wormboy. Not many servers are capable to sustain loadings of several hundred worms, therefore the manager watches not to overload servers.</p>
<p>HTTP is used by robots for downloading pages. The robot transfer inquiry “get/path/document” and other useful lines to a server</p>
<p>The aim of downloading is network traffic downsizing with maximal fullness. Robots are submitted to the file robots.txt, where web master can limit indexing of pages by the robot.</p>
<p>Some robots are concerned to index dynamic pages. Although, webmasters avoid this places without any problem now. But such robots are remained ever less. Also each robot has a list of the resources referred to a spam. Accordingly, these resources are visited by boats much less or ignored during certain time.</p>
<p>In time of it, search systems do not filter information. It means that they only estimate relevance of pages. Information filter can be as service, in which users mark «undesirable» resources.</p>
<p>There are other modules in downloading models. They fulfill auxiliary functions, help to decrease traffic, increase depth of search, process often updated resources, store URL and links for not to download resources repeatedly.</p>
<p>There are modules of tracing of duplicates. They help to eliminate pages with not the unique information. I.e. if the robot finds the duplicate of already existing page or with slightly changed information it simply does not go further by page links.</p>
<p>After the page has been downloaded, it  is processed by HTML-parcer. It leaves only that information from the document which is really important for search: the text, fonts, links etc. What do mean all these modules for the concrete document? What does the search system with the document after downloading?</p>
<p style="text-align: center;"><strong>Placement into the index</strong></p>
<p>Then words will be divided according to morphological and language principles. Though, not all searchers have morphological processing in the arsenal. Then the page gets to an index. Index updating in searchers occurs with certain periodicity (on the average from two weeks to one month). I.e. new pages collect and periodically go to the general index.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/indexation.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 10. Search</title>
		<link>http://phpforms.net/tutorial/seo-book/search.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/search.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:24:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1490</guid>
		<description><![CDATA[Entering the main page of the search system you are met by the router, which sends to the less downloaded web-server. After that all the requests, coming from your ip-address, will be processed by the web-server.
Then web-server sends your request to the search server, the task of which is to choose the relevant pages and [...]]]></description>
			<content:encoded><![CDATA[<p>Entering the main page of the search system you are met by the router, which sends to the less downloaded web-server. After that all the requests, coming from your ip-address, will be processed by the web-server.</p>
<p>Then web-server sends your request to the search server, the task of which is to choose the relevant pages and to range them to the list. The result – the output of the search results in your browser.</p>
<p>There are 2 kinds of the search requests:</p>
<p>Informational – They are set by the users that want to find some information in the net – searching the phone number of the organization that is needed (site of any reference book), desire to receive the information about famous person or the result of the final match of the World Championship of the year 2006.</p>
<p>Transactional – These are such requests, which are input by the users, wishing to make some operation in the Internet – the transaction, i.e. to buy a product, to order some service, download music, or sign to the mailing and so on.</p>
<p>Obviously, these transactional requests are more interesting for the search site promotion, that’s why they already have the inserted user’s desire to make a transaction.</p>
<p>Pure transactional requests are not many in number, usually, they have such a form:</p>
<p style="text-align: center;">To buy plastic windows</p>
<p style="text-align: center;">Sale plastic windows</p>
<p style="text-align: center;">To order plastic windows</p>
<p style="text-align: center;">The lease of excavator</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/search.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 11. Information gathering</title>
		<link>http://phpforms.net/tutorial/seo-book/information-gathering.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/information-gathering.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:23:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1492</guid>
		<description><![CDATA[You need to announce the search system about the new site. It can be done, for example, with the help of the link from the other site in the Database, and visited by the robot or with the help of the tools for the site adding, which were proposed by the search systems themselves.
Google http://www.google.com/addurl
Yahoo  [...]]]></description>
			<content:encoded><![CDATA[<p>You need to announce the search system about the new site. It can be done, for example, with the help of the link from the other site in the Database, and visited by the robot or with the help of the tools for the site adding, which were proposed by the search systems themselves.</p>
<p>Google <a href="http://www.google.com/addurl">http://www.google.com/addurl</a></p>
<p>Yahoo  <a href="http://siteexplorer.search.yahoo.com/submit">http://siteexplorer.search.yahoo.com/submit</a></p>
<p>MSN    <a href="http://search.msn.com/docs/submit.aspx">http://search.msn.com/docs/submit.aspx</a></p>
<p>Bing     <a href="http://www.bing.com/docs/submit.aspx">http://www.bing.com/docs/submit.aspx</a></p>
<p>ASK     <a href="http://about.ask.com/en/docs/about/webmasters.shtml">http://about.ask.com/en/docs/about/webmasters.shtml</a></p>
<p>Actually, having sent the request for the site adding to the Database, you create the first external link to your recourse, and the acquaintance of the SS with your site begins.</p>
<p>So, we’ve announced the search system about the existing of the new site, which actions will it attempt then?</p>
<p>Having moved to the site, the robot starts walking down the pages and downloads the information, they have (on the site it can be presented as a text, image, video and other files). This process is called “crawling” Robot also needs to establish, when it will visit the site again, so it creates the schedule with the help of which it will define the time of the next visit in order to check the already existing information about the site and also to add new pages to the Database, if they exist.</p>
<p>It is important to “meet” the search robot in the effective manner, to simplify the process of the site indexation as much as possible because its time is limited and it has a great amount of sites, except yours, in its “visit schedule”. That’s why we have to create the appropriate conditions. We can do it in this way:</p>
<p>-         At first it is necessary to be sure in the site availability, it can be checked by the typing the domain name of the site in the address line of the browser.</p>
<p>-         Be sure that there are no problems with the site navigation, try not to use Java Script and Flash, the menu, designed with the help of these technologies is not recognized by the robots effectively.</p>
<p>-         Test your site for the absence of the errors 404.</p>
<p>-         Also don’t send the robot on the pages, accessible only for the registered users.</p>
<p>-         Take care of the levels of the nestings of your pages, because there are some limitations as for the deep site penetration.</p>
<p>-         Take into account that the maximal size of the text, represented on the page consists of 256 kb, try not to exceed this limit.</p>
<p>-</p>
<p>If to consider the process of the information search, it can be divided into the following stages: information gathering from the site pages in the Internet, site indexation, search as for the request and ranging the results. Let’s consider every stage separately.</p>
<p>If some page is added to the SS index, it can be shown in the search results. If the page is absent in the index, the search system knows nothing about it, and so it can’t use the information from this page.</p>
<p>The majority of the middle-sized sites (sites, which contains several dozens hundreds of pages) usually doesn’t have any problems with the correct indexation of the SS. However, there is the number of moments, which should be taken into account while working over the site.</p>
<p>The Search system can get to know about the recently created site with the help of two methods:</p>
<p>- Manual addition of the site address through the corresponding form of search system. In this case you inform the search system about a new site and its address gets to turn on indexation. It is necessary to add only main page of a site, the others will be found by the search robot by links;<br />
- Let the search robot find your site independently. If there is at least one external reference from other resources already indexed by search system on your new resource,  the search robot in short terms will visit and index your site. In most cases it is recommended to use this variant. It means you should receive some external links on a site and simply wait for robot arrival. Manual addition of a site can even extend a robot waiting time.</p>
<p>The time spent for the site indexing as usually is from 2-3 days to 2 weeks depending on the search system. Google indexes sites faster of all other search systems.</p>
<p>Try to make a site friendly for search robots. For this purpose you should consider the following factors:</p>
<p>-         All the pages of your site should be available by links from the main page not more than 3 transfers. If this site structure does not permit it, you need to make so-called site map which allows to fulfill the given rule.</p>
<p>- Do not repeat widespread errors. Identifiers of sessions complicate indexation. If you use navigation through the scripts, you must duplicate links as usually – search systems are not able to read scripts (more in detail about these and other errors it is told in chapter 2.3);</p>
<p>-</p>
<p>-         Remember that search systems index not more than 100-200 kb of a text on a page. It will be indexed only the beginning of a page (first 100-200 kb). It means that you have not to use pages with a size of 11 kb, if you want it to be fully indexed.</p>
<p>It is possible to operate behavior of search robots with the help of a file robots.txt. It is possible to resolve or forbid for those indexations or other pages. There is also the special tag «Nofollow», allowing to close for indexation separate parts of page, however this tag is supported only by the Russian search systems.</p>
<p>Data bases of search systems are uploaded usually; notes in a data base can be changed, disappeared and appeared again. Thus the number of indexed pages of your site can be changed periodically.</p>
<p>One of the most often reasons of a page disappearing from an index is unavailability of a service.   It means that search robot could not get access to it. After restoration of service efficiency the site must be appeared in the index again after some time.</p>
<p>The more external links your site has, the faster it is reindexed.</p>
<p>It is possible to trace process of indexation of a site with the help the analysis of log-files of a server in which all visits of search robots are registered. In corresponding section we will tell about programs in detail which allow making it.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/information-gathering.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 12. An approximate algorithm of definition of the document relevance to the inquiry.</title>
		<link>http://phpforms.net/tutorial/seo-book/an-approximate-algorithm-of-definition-of-the-document-relevance-to-the-inquiry.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/an-approximate-algorithm-of-definition-of-the-document-relevance-to-the-inquiry.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:22:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1494</guid>
		<description><![CDATA[It is necessary to hear the request to open "the magic formula" with which help it is possible to achieve good positions in search systems from the people who were recently engaged in search optimization. It is possible to give a question about density of keywords on a page, necessary for hit on the first [...]]]></description>
			<content:encoded><![CDATA[<p>It is necessary to hear the request to open "the magic formula" with which help it is possible to achieve good positions in search systems from the people who were recently engaged in search optimization. It is possible to give a question about density of keywords on a page, necessary for hit on the first lines of delivery. At once I wish to warn you - such formulas and magic figures are not present.</p>
<p>It is false that algorithms of search system are absolutely not available for «simple people». Yes, these algorithms will never be known completely because a great amount of people wishing to make such «ideal» pages and hit the top in searchers. It often decreases a level of search quality.</p>
<p>However, the main principles of algorithm working are known. Before we start to tell about every factor influencing on relevance of documents to enquiries, I want to tell you about common formula approximating ranking formulas used by the most popular search engines. As I said, it was not a concrete formula using by search engines, but an extended formula describing a process of relevance detection of a document to an enquiry. It is given below.</p>
<p style="text-align: center;"><strong>R</strong><strong><sub>а</sub></strong><strong>(x)=(m*T</strong><strong><sub>а</sub></strong><strong>(x)+p*L</strong><strong><sub>а</sub></strong><strong>(x))* F(PR<sub>a</sub>)</strong>,</p>
<p><strong>R</strong><strong><sub>а</sub></strong><strong>(x)</strong> - total conformity of the document <strong>a</strong> to inquiry <strong>x</strong>,<br />
<strong>T</strong><strong><sub>а</sub></strong><strong>(x)</strong> - relevance of the text (code) of the document <strong>a</strong> to inquiry <strong>x</strong>,<br />
<strong>L</strong><strong><sub>а</sub></strong><strong>(x)</strong> - relevance of the text of links from other documents on the document<strong> a</strong> to inquiry <strong>x</strong>,<br />
<strong>PR</strong><strong><sub>а</sub></strong> - indicator of authoritativeness of the page <strong>a</strong>, a constant accorfing to <strong>х</strong>,<br />
<strong>F(PR<sub>a</sub>)</strong> - The function not decreasing monotonously, F (0) =1, it is possible to admit that <strong>F(PR<sub>a</sub>) = (1+q*PR</strong><strong><sub>а</sub></strong><strong>)</strong>,<br />
<strong>m, p, q</strong> – some coefficients.</p>
<p>Certainly, this formula gives too general idea about algorithms of documents ranging in results of search and even can make a question - "why if all searchers use similar algorithm, results in them frequently strongly differ?" As they say, "business in details". Any of these indicators is function from others which can be considered or not by search system and each of these indicators has "weight", i.e. factor, various for each concrete searcher. Also own resources of all catalogues of search systems can influence.</p>
<p>We will speak about it further, and now I wish to pay attention only to the total position of a site in results of search depends on 3 basic components:</p>
<ol>
<li>Code relevance with      respect to an enquiry <strong>T</strong><strong><sub>а</sub></strong><strong>(x)</strong>;</li>
<li>Relevance with respect to      links inquiry on the pages from other pages (or linking ranking) <strong>L</strong><strong><sub>а</sub></strong><strong>(x)</strong>;</li>
<li>The indicator of      authoritativeness of page <strong>PR</strong><strong>а</strong> - the factor      not dependent on search inquiry. Also it influences on effect from both      previous components.</li>
</ol>
<p>We will start to consider more carefully the factors influencing documents relevance with respect to enquiries from this «indicator of authoritativeness»</p>
<p><strong>2. Factors not depending on an enquiry (statistic)</strong></p>
<p>This factor is called the indicator of authoritativeness or the range of a document. It is designated as <strong>PR<sub>a. </sub></strong>It is named in the considered search engines differently. However, search engines uses algorithms taking into account hyperlinks between documents while they are calculating it. These algorithms are modifications of the algorithm <strong>PageRank.</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/an-approximate-algorithm-of-definition-of-the-document-relevance-to-the-inquiry.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 13. PageRank in Google</title>
		<link>http://phpforms.net/tutorial/seo-book/pagerank-in-google.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/pagerank-in-google.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:21:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1498</guid>
		<description><![CDATA[In time of increasing of information in the Internet and information indexed by search engines the searcher developers had an issue – it was difficult to rank correctly in results of search because quantity of documents equally relevant with respect to enquiry was not big. Also, ranking documents that were developed for controlling collections of [...]]]></description>
			<content:encoded><![CDATA[<p>In time of increasing of information in the Internet and information indexed by search engines the searcher developers had an issue – it was difficult to rank correctly in results of search because quantity of documents equally relevant with respect to enquiry was not big. Also, ranking documents that were developed for controlling collections of documents were unprotected from simple methods of influence on them. For the good result securing you could copy the structure of key words placement from a well-ranked text by this question. Te necessity is appeared to divide information into more and less reliable and to take into account «importance» and «authoritativeness» of resources providing it. How it can be made? It is better to do basing on the data of page popularity, for example – visiting.</p>
<p>The model was developed that emulates user movement on documents of the network in a way of crossing through links from one document to another. It means that user crosses through any links with equal probability. So, the probability of the user to get concrete document will depend on the quantity of links on it. Also it will depend on probability of user finding on some document and quantity of outbox links in the document. This probability was accepted as indicator of authoritativeness or a PageRank:</p>
<p style="text-align: center;"><img class="aligncenter" title="10" src="http://img519.imageshack.us/img519/3623/image010je.jpg" alt="" width="287" height="70" /></p>
<p>Where:<br />
<strong>PR<sub>a</sub></strong> – PageRank of considered page,<br />
<strong>d</strong> - Attenuation factor (it means probability of  the user who has come on a page will pass on one of the links locating on this page, instead of he will stop travel through a network, it is usually established equal 0,85),<br />
<strong>PR<sub>i</sub></strong> - PageRank of <strong>i</strong> page referring to the page <strong>а</strong>,<br />
<strong>C<sub>i</sub></strong> – the general number of links on <strong>i</strong> page.</p>
<p>One of the main delusions is that it is possible to calculate PageRank with the help of this formula for separate document using knowing values PageRank for the referring document. You have not to do it. To calculate PageRank of any document you need to make the system N of line equations of this type for each documents from search base. There N is quantity of documents in searching base. The sum of values PageRank for all documents (i.e. probability of the user is on any page) is equal 1. The multiplier 1/N is added to free term (1 - d). The system will include N unknowns. When it will be solved, we will get values PageRank for each document known by search engine. Search bases of a lot of search engines have great amount of documents. Despite of the matrix appropriating to the system of equitation will be thinned out, numbered solution of this system needs huge accounting facilities. Thus, search system needs to make simpler the process of accounting. These concrete features of classic formula PageRank realization are commercial secret of search engines.</p>
<p>For the concrete document loaded into the browser, it is possible to learn normalized value PageRank, having downloaded and having established Google ToolBar - the special panel of tools for work with this searcher.</p>
<p><strong> </strong></p>
<p><strong> </strong></p>
<p>Obviously, volume of data base (DB) of search system is very important factor, but quality of DB plays great role in consist with frequency of uploadings. The aim of each SE is to provide maximally relevant response on search inquiry. Search algorithm is math formula which includes N number (enquiry of user). To consider a lot of variants of delivery by inquiry SE delivers only one enquiry according to the formula. The search algorithm provides relevant results to users by comparing key words with information in DB.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/pagerank-in-google.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 14. Ranking factors</title>
		<link>http://phpforms.net/tutorial/seo-book/ranking-factors.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/ranking-factors.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:20:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1516</guid>
		<description><![CDATA[
There are two types of ranging factors:
-                      Internal
-                      External
 
Internal factors are those which are under control of the site web designer (the text, registration, quality of Meta tags optimization, internal relinking etc.)
Searchers appreciate sites with much information filling; it is necessary to pay particular attention on this detail. Pages containing 5-6 lines have the [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/02/image013.jpg"><img class="aligncenter size-full wp-image-2161" title="image013" src="http://phpforms.net/tutorial/wp-content/uploads/2010/02/image013.jpg" alt="" width="99" height="121" /></a></p>
<p>There are two types of ranging factors:</p>
<p>-                      Internal</p>
<p>-                      External</p>
<p><strong> </strong></p>
<p><strong>Internal factors</strong> are those which are under control of the site web designer (the text, registration, quality of Meta tags optimization, internal relinking etc.)</p>
<p>Searchers appreciate sites with much information filling; it is necessary to pay particular attention on this detail. Pages containing 5-6 lines have the minimum chances to get in Top. There is no optimum density of key phrase mentions on a page. It is possible to hear statements among various communities of SEO experts about density in 2 %, 4 % and 6 %.</p>
<p>Being based on a long-term experience in the area of SEO, it is possible to draw a conclusion for today that optimum quantity of the text on a page are 500-3000 words, other words it is 2-20 kb of the text. On density of key phrase entering in symbols quantity on a page, there are enough 2 times on 1000 symbols. Try to begin with a key phrase while you are writing content. Also you should use key words as closely as possible to the document beginning. Too high density is capable to include a special spam filter. It will lead to the page is lowered in search results. Practice shows that basically at density over 7-9 % the page is negatively considered by SE.</p>
<p><strong> </strong></p>
<p><strong>External factors</strong></p>
<p>Let's consider the external factors.</p>
<p>In difference from the internal factors we cannot completely supervise the external factors but we can influence them.</p>
<p>In general all the external factors can be reduced to "links". Your site links is the basic external factor. Lets consider it in detail.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/ranking-factors.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 15. Quantity of links</title>
		<link>http://phpforms.net/tutorial/seo-book/quantity-of-links.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/quantity-of-links.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:19:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1518</guid>
		<description><![CDATA[There is an opinion that the more references - the better. Yes, it is, but it is impossible to do a comparison. The error is given here - «If 1000 sites refer to on the site A and only 500 sites do on the site B, it means the site A is more authoritatively». A [...]]]></description>
			<content:encoded><![CDATA[<p>There is an opinion that the more references - the better. Yes, it is, but it is impossible to do a comparison. The error is given here - «If 1000 sites refer to on the site A and only 500 sites do on the site B, it means the site A is more authoritatively». A lot of links is certainly positive factor but the quantity is not all.</p>
<p>Let's consider such example – there is a link from the main page Yahoo on the site A and there is the link from any satellite on a free hosting on the site B. What link will give more benefit?</p>
<p>Quality of links more important than their quantity.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/quantity-of-links.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 16. Quality of links</title>
		<link>http://phpforms.net/tutorial/seo-book/quality-of-links.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/quality-of-links.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:18:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1520</guid>
		<description><![CDATA[Quality of the links depends on many factors which we will try to consider.
Within the limits of one site:
The link from the main page will be much more powerful, than the link from page hidden in site depths.
Total links quantity on a page. The more links on a page the less weight is transferred to [...]]]></description>
			<content:encoded><![CDATA[<p>Quality of the links depends on many factors which we will try to consider.</p>
<p>Within the limits of one site:</p>
<p>The link from the main page will be much more powerful, than the link from page hidden in site depths.</p>
<p>Total links quantity on a page. The more links on a page the less weight is transferred to everyone of them.</p>
<p>The links location. If the link is within so called «the links block», its weight will be much less, then if it stands in the middle of the text and far away from other references.</p>
<p>As a whole:</p>
<p>The higher the status of a linking site, the more weight is tranferred from it by links (the site status depends on links on it, it is a vicious circle:))</p>
<p><strong><br />
</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/quality-of-links.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 17. The relevance</title>
		<link>http://phpforms.net/tutorial/seo-book/the-relevance.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/the-relevance.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:17:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1522</guid>
		<description><![CDATA[Links from sites of your subjects will give much more weight, rather than links from sites of other subjects. For example, you have a site about mattresses, two sites (it is admissible that they have identical weight) refer to you, the first has the subject «furniture» and the second has a subject «cars». The furniture [...]]]></description>
			<content:encoded><![CDATA[<p>Links from sites of your subjects will give much more weight, rather than links from sites of other subjects. For example, you have a site about mattresses, two sites (it is admissible that they have identical weight) refer to you, the first has the subject «furniture» and the second has a subject «cars». The furniture site will give you a weight much more than automobile one.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/the-relevance.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 18. Anchors</title>
		<link>http://phpforms.net/tutorial/seo-book/anchors.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/anchors.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:16:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1524</guid>
		<description><![CDATA[The anchor is a text of the link. It has very much great value in time of sites ranging. The link anchor should comprise keywords on which the site moves ahead.
Some moments on anchors:
- Anchors should be different, in an ideal – each site should have the anchor. I.e. if you promote a site on [...]]]></description>
			<content:encoded><![CDATA[<p>The anchor is a text of the link. It has very much great value in time of sites ranging. The link anchor should comprise keywords on which the site moves ahead.</p>
<p>Some moments on anchors:</p>
<p>- Anchors should be different, in an ideal – each site should have the anchor. I.e. if you promote a site on demand "mattresses", anchors should look so – «super mattresses», «cheap mattresses by wholesale», «we sell mattresses» etc. If anchors are identical everywhere, they can be glued.</p>
<p>- Do not make an anchor too long, it is ideal to consist of 4х words.</p>
<p>- When you make an anchor sheet and dilute it with different words (for the anchor being unique everywhere), you should dilute it with popular words which are often met.</p>
<p>- There is an opinion that the first word in an anchor has the least weight, therefore it is better not to put a keyword in the anchor beginning.</p>
<p>- Also there is an opinion that if the anchor has a point, in this case words located after it are not considered.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/anchors.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 19. The nearby links text</title>
		<link>http://phpforms.net/tutorial/seo-book/the-nearby-links-text.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/the-nearby-links-text.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:15:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1526</guid>
		<description><![CDATA[The nearby links text has important value too. First, it helps to make a page more relevant to inquiry. Secondly, if links stand in the block, this text postpones them from each other.
]]></description>
			<content:encoded><![CDATA[<p>The nearby links text has important value too. First, it helps to make a page more relevant to inquiry. Secondly, if links stand in the block, this text postpones them from each other.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/the-nearby-links-text.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 20. Age of links</title>
		<link>http://phpforms.net/tutorial/seo-book/age-of-links.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/age-of-links.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:14:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1528</guid>
		<description><![CDATA[The age of references also plays a considerable role. The more senior the reference is, the more it is trusted by searchers, the more it weights.
]]></description>
			<content:encoded><![CDATA[<p>The age of references also plays a considerable role. The more senior the reference is, the more it is trusted by searchers, the more it weights.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/age-of-links.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 21. Analysis of competitors</title>
		<link>http://phpforms.net/tutorial/seo-book/analysis-of-competitors-sites.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/analysis-of-competitors-sites.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:13:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1530</guid>
		<description><![CDATA[ 
Analysis of comperitors sites.
Who are competitors? I think that you thought about it not once. Competitors are those sites which are above your site in various ratings, catalogues or search systems in the Internet under certain specification or any other features. Before analyzing of competitors sites you should work hardly with your site. Firstly [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/02/image015.jpg"><img class="aligncenter size-full wp-image-2165" title="image015" src="http://phpforms.net/tutorial/wp-content/uploads/2010/02/image015.jpg" alt="" width="124" height="99" /></a><strong> </strong></p>
<p style="text-align: left;"><strong>Analysis of comperitors sites.</strong></p>
<p>Who are competitors? I think that you thought about it not once. Competitors are those sites which are above your site in various ratings, catalogues or search systems in the Internet under certain specification or any other features. Before analyzing of competitors sites you should work hardly with your site. Firstly you should define semantic kernel of search inquiries for promotion. While you will be analyzing sites of your competitors, you become known about methods and ways with which help they have reached a great popularity. Also why they are taking top places in ratings and searchers. Step by step you will learn quickly and accurately to define strengths and weaknesses of sites. It will help you not to make another's mistakes at work with your project.</p>
<p>A lot of people associate the word «competition» with some competition or rivalry. But it is not so. Your competitors and their sites help you with promotion. Frequency inquiries by key phrases interesting you are often absent in certain subject. But there is quite high-frequency statistics by especially competitive words.  But should we undertake it? Let's disassemble a conclusion in top by high-frequency inquiries in more details:</p>
<p>The first we should do is to define rate of key phrase we need, for this purpose we go here: <a href="https://adwords.google.com/select/KeywordToolExternal">https://adwords.google.com/select/KeywordToolExternal</a> (Certainly you should not trust completely this statistics of inquiries, but it can give the approached data).</p>
<p>Enter the key word, then the captcha and press the button Get Keyword Ideas. The statistics of search enquiries of users will be appeared. Then we need to «filter» statistics by key word. For this action we switch off “Local monthly search volume”.</p>
<p>In column Match Type we chose occurrence of key phrase Exact more precisely.</p>
<p>Also we do not forget about possibility of search results ordering in language and countries.</p>
<p>I am interested in the phrase «buy a car» - statistics of monthly inquiries (201 000)</p>
<p>Now it is necessary for us to estimate a competition developed in indicating of the searcher by this inquiry. For this purpose we go on www.google.com and enter our inquiry (in exact conformity), it will look so «buy a car»</p>
<p>The first on what it is necessary to pay attention is a quantity of pages being in DB Google by the given key inquiry. In our case it makes 3.880.000 (quite big competition).</p>
<p><cite> </cite></p>
<p><cite>Results of the search are sorted from TOP 1-10</cite></p>
<p><cite> </cite></p>
<p><cite>1) www.buyacar.co.uk – PR 5, the domain is registered in 2002 (quite old and google likes old domains very much) Quantity of back Links by results of Yahoo - 1461, Alexa Rank - 108.000. It is possible to make a conclusion that the site is authoritative enough, but quantity of back Links does not impress, nevertheless Google holds it in Top 1 </cite><cite>J</cite><cite></cite></p>
<p><cite> </cite></p>
<p><cite>2) www.cars.com – PR 7, Quantity back link is more than 10.000.000. Domain is registered in 1998 (huge trust from Google) I think this site does not require the further analysis. It is impossible to move it from Top outputting by any forces.</cite></p>
<p><cite> </cite></p>
<p><cite>3) </cite><a href="http://www.cars.com/go/index.jsp?aff=usatoday&amp;?POE=HDNVCARS">http://www.cars.com/go/index.jsp?aff=usatoday&amp;?POE=HDNVCARS</a><cite> </cite></p>
<p><cite>4) </cite><a href="http://www.autotrader.co.uk/">www.autotrader.co.uk</a><cite> </cite></p>
<p><cite>5) </cite><a href="http://www.autotrader.co.uk/CARS/buying/buying_a_car.jsp">http://www.autotrader.co.uk/CARS/buying/buying_a_car.jsp</a><cite> </cite></p>
<p><cite>6) </cite><a href="http://www.autotrader.com/">www.autotrader.com</a><cite> </cite></p>
<p><cite>7) </cite><a href="http://www.carsdirect.com/">www.carsdirect.com</a><cite> </cite></p>
<p><cite> <img src='http://phpforms.net/tutorial/wp-includes/images/smilies/icon_cool.gif' alt='8)' class='wp-smiley' /> </cite><a href="http://www.edmunds.com/">www.edmunds.com</a><cite> </cite></p>
<p><cite>9) </cite><cite><a href="http://www.drive.com.au/buy%20%0d10">www.drive.com.au/buy </a></cite></p>
<p><a href="http://www.drive.com.au/buy%20%0d10">10</a><cite>) </cite><a href="http://www.carmax.com/">www.carmax.com</a><cite> </cite></p>
<p>Very important stage at estimate of complexity of search promotion by certain key phrases is competitors sites analyze.</p>
<p>Why need you to analyze sites of competitors?</p>
<p>1)      For estimate of key phrase promotion complexity.</p>
<p>2)      It permits to estimate finance loses for promotion approximately.</p>
<p>3)      You will be able to economize funds planning for promotion.</p>
<p>4)      If you analyze competitors’ sites, you may find bugs in optimization of their sites. You should learn it and not to make such bugs in your sites. It is possible that you find  details, effective technical methods not taken into consideration in your site. Note it and realize in your site.</p>
<p>5)      The last argument is selection of promotion tactics based on successful competitors.</p>
<h2>It is possible to divide analysis of competitor’s site in a few steps:</h2>
<p>Analysis of the site pages HTML code. Banner, presence and structure of various tags (Meta tags etc.), the most popular words and phrases which can be found on pages of the given site. It is necessary to define their quantity and frequency in %.</p>
<p>External factors of popularity. PR companies, quoting index, site presence in different Internet catalogues (DMOZ, Yahoo Directory and many others)</p>
<p>Much time spent on analysis of competitors you should expend learning of input links of the project. On this stage you will learn about which portals or other sites refer to the interesting project for you. It is not a secret that different advertisements or information placement about your site on other big resources can lead to great amount of new users. It means that your site increases dramatically its popularity in the positions and ratings.</p>
<p>Analysis of competitor site positions in search systems. You will need to work with search systems. When you choose some key words by certain site, you should look at which places it takes in different search systems while you are entering key words chosen by you.</p>
<p>Pages indexation and all it includes.</p>
<p>After finishing all the above steps, you will know better what you need to do for your resource optimization. Take into consideration all the advantages and disadvantages of your competitors. You should use the ideas which are not presented in their sites but you think they are useful. Also you should begin to optimize your portal taking into consideration all things written in this article. You should to resort to these operations regularly because your competitors do not spend time for nothing. They work and make revisions in their sites which you should check periodically.</p>
<p>Firstly you should understand why the analysis of competitors is needed. It gives you an opportunity to see strengths and weaknesses of your competitors, to use their ideas, to avoid mistakes they made. And finally with the help of it we win a competition for every potential client.</p>
<p>I agree that there are methods of competitors analysis which are differed from above methods. Therefore I tell to you at once that I use this method for promotion.</p>
<p>Which stages the analysis includes</p>
<p>Key words on pages</p>
<p>Search inquiries on which competitors are in the Top</p>
<p>Reversed links</p>
<p>Reversed links and search enquires are the main things for us.</p>
<p>As examples, we will use metal-roll subject for competitors analyze. I. e. we have the target to promote the metal-roll site into the Top of searchers. For this purpose we analyze which search enquires refer to our subject. We get some main categories: metal-roll, accessories, a girder, a channel and other types of assortment.</p>
<p>Using services of search enquires statistics we get enquiry list from the category «metal-roll». After al the filtrations and cleanings we will get the following list:</p>
<p>Firstly you should to analyze outputting for these top-enquires, for example «metal-roll»</p>
<p>Search enquiry is both in title and the text of the site. Content is unique and optimized. The number of external links is 17,196. The site is in Yandex catalogue. Пузомерки are correspondingly PR 6 / ТИЦ 1200. If we look at the site with the help of the plugin SeoQuake, we will see that «metal-roll» is not in the top:</p>
<p>In the same time if we visit the site, we can see that «metal-roll» is met more than 10 times. But in compression with all 2525 words it is less than one percent.</p>
<p>Then we analyze reversal links (click on "LD 17196"). We will see that our analyzed site uses buying links actively. There is great amount of «muzzles”.</p>
<p>Authoritative: ///////</p>
<p>and zero:////////</p>
<p>The same analyzing we conduct for other enquiries. Yes, of course – this work is laborious. But you need to know your competitor by sight.</p>
<p>Making conclusions we get following: if you have all derived data from analysis of your competitors, you can plan your budget and predict promotion effectiveness by needed enquires.</p>
<p>Note that I do not mark out in the article high-, average- and low- rates. We will chose on which enquiries to promote site based on analysis.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/analysis-of-competitors-sites.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 22. Compiling a plan of technical SEO works at a site</title>
		<link>http://phpforms.net/tutorial/seo-book/compiling-a-plan-of-technical-seo-works-at-a-site.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/compiling-a-plan-of-technical-seo-works-at-a-site.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:12:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1532</guid>
		<description><![CDATA[
At the first stage you should conduct primary analysis of the company’s area of activity. In time of it you should learn structure of site construction, content of the text estimating competition level and exposing complexities you have to meet.
Perhaps, this stage should be considered together with compiling of semantic kernel but let’s to stop [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/02/image016.jpg"><img class="aligncenter size-full wp-image-2163" title="image016" src="http://phpforms.net/tutorial/wp-content/uploads/2010/02/image016.jpg" alt="" width="143" height="111" /></a></p>
<p>At the first stage you should conduct primary analysis of the company’s area of activity. In time of it you should learn structure of site construction, content of the text estimating competition level and exposing complexities you have to meet.</p>
<p>Perhaps, this stage should be considered together with compiling of semantic kernel but let’s to stop at the example of competition detection of the site of household appliances selling and few goods for promotion with the help of search system.</p>
<p>Let us suppose that there is the site <a href="http://www.site.ru/">www.site.ru</a> of household appliances selling with goods units by three types: washing machines, microwaves, squeezers.</p>
<p>On what things should we pay attention?</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/compiling-a-plan-of-technical-seo-works-at-a-site.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 23. Site constructions</title>
		<link>http://phpforms.net/tutorial/seo-book/site-constructions.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/site-constructions.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:11:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1534</guid>
		<description><![CDATA[Navigational structure of a site will become these goods division of separate rubrics or folders on a portal is good construction and also entering so-called general key enquires (household appliances, buy household appliances, the shop of household enquires) in the main page of a portal (if there is an accent on promotion of these enquires)
For [...]]]></description>
			<content:encoded><![CDATA[<p>Navigational structure of a site will become these goods division of separate rubrics or folders on a portal is good construction and also entering so-called general key enquires (household appliances, buy household appliances, the shop of household enquires) in the main page of a portal (if there is an accent on promotion of these enquires)</p>
<p>For example, www.site.ru – enquiries of home appliances without a binding to models, directions;<br />
www.site.ru/washing/ - washing machines;<br />
www.site.ru/microwave/ - microwaves;<br />
www.site.ru/juicer/ - squeezers.</p>
<p>For example, <a href="http://www.site.ru/">www.site.ru</a> – household appliances enquires without binding to models and directories.</p>
<p>Further hierarchy for sites promotion will be good enough if every direction of distribution by goods description to be and then – by models.</p>
<p>For example for washers:</p>
<p>www.site.ru/washing/ - washers;<br />
www.site.ru/washing/bosch/ - washers of the firm Bosch;<br />
www.site.ru/washing/samsung/ - washer of the firm Samsung;<br />
…<br />
www.site.ru/washing/bosch/WVF2000/ - washer of the firm Bosch, model WVF2000;<br />
www.site.ru/washing/samsung/S1005J/ - washer of the firm Samsung S1005J.</p>
<p>It is necessary to underline that site design may be different but we will discuss the best way of it to our mind. There is a general way for scale promotion of a site on great amount of search enquiries in search systems.</p>
<p>You can often meet sites without text content in the main page or narrow specialization of companies. You should understand the main rule of inquiries distribution, especially delivery of general enquiries subject of company activity on a main page. Also division of different directions of companies or Internet-shop on pages inside of a site with further distribution by functional indications and models names/</p>
<p>Such structure of a project allows both making a project optimization work easier and complicating this process and to stretch term of advancement of a site. But if you think globally, are aimed at durable result, are not afraid of test by time and difficulties in work, we advise to adhere to this strategy.  We will explain partially why it is needed now, partially a bit later (it concerns internal link ranging of a site).</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/site-constructions.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 24. What is our benefit from such site distribution and design?</title>
		<link>http://phpforms.net/tutorial/seo-book/what-is-our-benefit-from-such-site-distribution-and-design.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/what-is-our-benefit-from-such-site-distribution-and-design.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:10:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1536</guid>
		<description><![CDATA[
Hitting of target audience on those page      which is appropriate to specified enquiry (if inquiry «washer Samsung» is      specified, user will pass on the page www.site.ru/washing/samsung/ which is totally met his      requirements).
Uniform and correct distribution of     [...]]]></description>
			<content:encoded><![CDATA[<ul>
<li>Hitting of target audience on those page      which is appropriate to specified enquiry (if inquiry «washer Samsung» is      specified, user will pass on the page <a href="http://www.site.ru/washing/samsung/">www.site.ru/washing/samsung/</a> which is totally met his      requirements).</li>
<li>Uniform and correct distribution of      inquiries on all site. There is a hypothesis and many disputes about how      many key inquiries should be allocated for page. You will not find a      definite answer because it does not exist. Inquiries are different,      therefore it is necessary to think by thoughts of the potential user which      will come on demand on that page which you have planned.</li>
<li>The problem of the site text filling. Running      a little forward we say that the text maintenance of a site is the      important factor at its ranging by search system. The finding of a key      phrase is the important positive aspect for good positioning of a site in      delivery of search system. It is very difficult to describe all goods or      services on one page, having kept thus laconicism and clearness of the      information which you wish to inform the potential client.</li>
</ul>
<p>A lot of people may say: «Yes we have 5-6 inquiries what for they are to be divided; after all we twist all on the main page». Yes, probably and the matter of time of a project search promotion resolves, but not a question of convenience of the user who has come on a site. Well if these inquiries are single-root and if on a site there are pages specially taken away under it, why it is not used?</p>
<p>Unfortunately, we hear this meaning very often. That’s why a lot of companies, limited with 10-20 key-phrases, output the main page of the project as for the whole list. As the result – bad efficiency from the search optimization and money, wasted for nothing. It’s also can be not quite true because while ranging the search system takes into consideration the entry of the key-requests to the text content of the page. Agree that sometimes it is very difficult to contain 10-20 different key-phrases in the text of one page.</p>
<p>After you’ve made a preliminary analysis of the project structure, it wouldn’t be a bad thing to make a little analysis of the site itself.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/what-is-our-benefit-from-such-site-distribution-and-design.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 25. It is necessary to pay attention to:</title>
		<link>http://phpforms.net/tutorial/seo-book/what-should-we-pay-attention-to.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/what-should-we-pay-attention-to.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:09:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1538</guid>
		<description><![CDATA[
Writing of robots.txt
File robots.txt is for prohibition to some search robots on site or its part indexation. File robot.txt is located in radical catalogue of a site and allows choosing a priority mirror of a site for some search engines (for example Yandex) with the help of directive Host.

To know the file robot.txt in details [...]]]></description>
			<content:encoded><![CDATA[<ul>
<li>Writing of robots.txt<br />
File robots.txt is for prohibition to some search robots on site or its part indexation. File robot.txt is located in radical catalogue of a site and allows choosing a priority mirror of a site for some search engines (for example Yandex) with the help of directive Host.</li>
</ul>
<p>To know the file robot.txt in details – pass this link: www.citforum.ru</p>
<ul>
<li>Usage of JavaScript, Flash<br />
Search engines are not always can correctly process links on JavaScript, therefore it is desirable to use them as less as possible. The elements of a site executed on Flash, are not indexed by many search systems. If internal links of the project are made in Flash, the majority of search systems will not find these pages.Формирование списка новых страниц или карты сайта<br />
Each time when there is a new page on a site, it becomes to the known search engine only when it will be found by the robot of the search engine. If the page is located in the heart of a site, it can occur very much at a distant day. Sitemap placing frequently solves a problem of indexation and site reindexation.</li>
<li>Dynamical pages<br />
Dynamical pages are indexed not good or even not indexed by search systems. We advice you to avoid dynamical writing of site pages.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/what-should-we-pay-attention-to.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 26. Selection of key inquiries on search optimization (drawing up of a semantic kernel)</title>
		<link>http://phpforms.net/tutorial/seo-book/selection-of-key-inquiries-on-search-optimization-drawing-up-of-a-semantic-kernel.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/selection-of-key-inquiries-on-search-optimization-drawing-up-of-a-semantic-kernel.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:08:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1540</guid>
		<description><![CDATA[You should use 2 services while you are selecting key words: statistics of user enquiries Yandex - http://wordstat.yandex.ru/ and enquiry statistics Rambler https://ad.rambler.ru/swrds/wrds.pl. On the left you will see key phrase and on the right – quantity of enquiry display of previous month. At average indicator of clicking (CTR) is 2-3%. Thus you can calculate [...]]]></description>
			<content:encoded><![CDATA[<p>You should use 2 services while you are selecting key words: statistics of user enquiries Yandex - http://wordstat.yandex.ru/ and enquiry statistics Rambler <a href="https://ad.rambler.ru/swrds/wrds.pl">https://ad.rambler.ru/swrds/wrds.pl</a>. On the left you will see key phrase and on the right – quantity of enquiry display of previous month. At average indicator of clicking (CTR) is 2-3%. Thus you can calculate approximate traffic which you will receive hitting top.</p>
<p>Visitors = (Quantity of display*3%)/30 days in month.</p>
<p>Quantity of users passing on enquiry directly depends on site position (snippet), tag Title of a site, site fame and relevance of display.</p>
<p>You should select aims of project promotion. They are commercial and informational.</p>
<p>In our case commercial general inquiries for the main page of a site are (specify enquiry household appliances in в <a href="http://wordstat.yandex.ru/">http://wordstat.yandex.ru/</a> ):</p>
<p>www.site.ru – main page</p>
<p>household appliances shop<br />
household appliances Internet shop<br />
household appliances sales<br />
net of household appliances shops<br />
site household appliances<br />
household appliances of a firm<br />
buy household appliances<br />
search household appliances</p>
<p>Informational enquiries also include:</p>
<p>household appliances<br />
built-in household appliances<br />
household appliances market<br />
expert household appliances<br />
household appliances electronics<br />
small household appliances<br />
forum of household appliances<br />
household appliances video<br />
www.site.ru/washing/ - washers (only commercial)</p>
<p>washers<br />
to select washer<br />
washer buy<br />
washer automate<br />
washer option<br />
selling of washers<br />
ultrasonic washers<br />
washers shops<br />
the best washer<br />
built-in washers<br />
www.site.ru/washing/bosch/ - washers of the firm Bosch (commercial only)</p>
<p>washer bosch<br />
washers bosch<br />
washers бош<br />
washers bosch Siemens<br />
washers of the firm bosch<br />
bosch washers vertical<br />
washer bosch price<br />
washers  of the firm bosch</p>
<p>etc. (for simplicity we limit by this phrases in your computer). It is not all key words you should pay attention.</p>
<p>There are enquiries of a type «washer bosch max», «washer bosch 2460» but they refer to concrete models of washers. We made separate pages for it. So these key words must be paid attention at optimization of internal pages.</p>
<p>Such analysis can deliver along all the productions to be specified enquiries «microwaves», «washers», «squeezers» etc.</p>
<p>Make full analysis and create completed list of key words for project promotion. Pay attention on first column in statistics of enquiries selection Yandex. As a rule enquiries in the right column are good help in time of key phrases selection.</p>
<p>In tome of key phrases selection pay attention on shortenings, enquiries with mistakes in writing, writing of firms-producers by Cyrillic and Latinic alphabets (for example Samsung and Самсунг)</p>
<p>Also you should look at competitors and key enquiries which they used for promotion.</p>
<p>If you wish fast response from search optimization, you should not make high efforts to promote a project by one word enquiries at the beginning. Key enquiries from one word are usually general and its big popularity is not always appropriate to commercial link. Here there are enquiries «buy washers», «samsung washer buy».</p>
<p>Estimate your forces successfully because sometimes forces spent on promotion of one strong enquiry of a class «household appliances» can be directed to promotion of 10 simpler narrow enquiries (for example «buy washer»). It can give much more benefit from project promotion, at that time you spent less resources and time.</p>
<p>The problem of project promotion by a lot of narrow enquiries is quantity of them. Obviously, it is more comfortable to promote 5-10 narrow enquiries than 100-200 petty key phrases. But we must think about targets we want to achieve and also that qualitative site with good target traffic is long term goal. It can be solving during years.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/selection-of-key-inquiries-on-search-optimization-drawing-up-of-a-semantic-kernel.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 27. Work with structure and contents of a project</title>
		<link>http://phpforms.net/tutorial/seo-book/work-with-structure-and-contents-of-a-project.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/work-with-structure-and-contents-of-a-project.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:07:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1542</guid>
		<description><![CDATA[The work with the site structure can comprise a set of actions for the creation of additional pages of the project for different groups of production of the company or its services. On the other hand, work with project structure can comprise the decision of problems on improvement of convenience of site navigation (so-called «usability»). [...]]]></description>
			<content:encoded><![CDATA[<p>The work with the site structure can comprise a set of actions for the creation of additional pages of the project for different groups of production of the company or its services. On the other hand, work with project structure can comprise the decision of problems on improvement of convenience of site navigation (so-called «usability»). Therefore if the company-founder of a project will conduct its promotion, these stages are planned at the initial stage of designing of a site structure. But if the site already exists – don’t be sad, some advices, the first stages of the analysis and the selection of the key-phrases will help you in compiling some tasks</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/work-with-structure-and-contents-of-a-project.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 28. Creation of additional project pages</title>
		<link>http://phpforms.net/tutorial/seo-book/creation-of-additional-project-pages.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/creation-of-additional-project-pages.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:06:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1544</guid>
		<description><![CDATA[Divide key phrases on groups, adhere each group of inquiries to certain page of a site.
In our case it will look like that:
www.site.ru – inquiries of home appliances without a binding to models and directions;
www.site.ru/washing/ - all inquiries connected with washing machines without  binding to models;
www.site.ru/microwave/ - all inquiries including microwaves without binding to [...]]]></description>
			<content:encoded><![CDATA[<p>Divide key phrases on groups, adhere each group of inquiries to certain page of a site.</p>
<p>In our case it will look like that:</p>
<p>www.site.ru – inquiries of home appliances without a binding to models and directions;<br />
www.site.ru/washing/ - all inquiries connected with washing machines without  binding to models;</p>
<p>www.site.ru/microwave/ - all inquiries including microwaves without binding to models</p>
<p>www.site.ru/juicer/ - inquiries on juice extractors without binding to models.</p>
<p>And further division of inquiries with binding to the manufacturer of production and model:</p>
<p>For example for washers:</p>
<p>www.site.ru/washing/ - washers;<br />
www.site.ru/washing/bosch/ - washers of a firm Bosch;<br />
www.site.ru/washing/samsung/ - washers of a firm Samsung;<br />
…<br />
www.site.ru/washing/bosch/WVF2000/ - washer of a firm Bosch model WVF2000;<br />
www.site.ru/washing/samsung/S1005J/ - washer of a firm Samsung S1005J.</p>
<p>Thus allocated enquiries we complicate our work by existing of great amount of site pages for promotion in search systems. But on the other hand we reach the main target – hitting of user on a page with product description he interested in. Also this hierarchy of enquiries dividing gives us opportunity to promote site on great quantity without limiting of 1-20 key words.</p>
<p>Analysis of navigation structure of a project. There is improvement of usability.</p>
<p>This stage can cause many disputes and disagreements as there are no accurate mechanisms of the analysis of site convenience. Many large companies solve them with the help of change of site separate sections navigation and the analysis of behavior of the user. We advice you to consult specialists in this question, or to analyze competitors sites carefully, with finding out weak and strong sides.</p>
<p>Do not forget about nesting of site pages (it is advised to do no more than 3 nestings), quantity of the main elements of site menu (no more than 8 ) and others. Unfortunately, the subject matter is very broad and goes beyond the question of the search site optimization.</p>
<p>We want to underline one more time, that there are no strict formulas of the analysis of the site convenience, that’s why it is unnecessary receive all the advices and recommendations for the axiom. Ask your friends to make this or those operations on the site, question about the difficulties which they were faced with, create your site intuitionally understandable and simple, after that your efforts will be rewarded with grateful clients.</p>
<p>Work with site content can come from optimization of page contents visible by user. There are its text, graphic objects and also text writing on a site.</p>
<p>A question is what quantity of key phrases text should include and what compactness of key phrases should be. We advice to adhere the main rules: there are text shortness and obligatory occurrence of a key phrase (at least, once)</p>
<p><strong>Some general recommendations we can give:</strong></p>
<ul>
<li>1.	Distribute key inquiries in regular intervals on all text of a page. Do not concentrate on the same phrase in the uniform offer or on one page if it can be made somewhere else in the text of site concrete page or as a whole.</li>
<li>2.	Try to use popular key phrases in headings and subheadings of pages (tags h1, h2, h3), tags «b», «strong». It is necessary to estimate text visualization as you are the user. It is unnecessary doing the text hidden and its size – unreadable. It threatens with the negative sanctions from the search system side.</li>
<li>3.	Try to make site text with interesting and unique content. You have not to copy text from other sites (not including RSS news). Try to output interesting information in regular intervals.</li>
<li>4.	Do not fill texts of site pages with key expressions. Write the text clearly and conveniently for perception by the target user.</li>
<li>5.	Use separate words from key phrases separately. Use it in different cases and declinations.</li>
</ul>
<p>So when we have optimized visible content of a site, wrote and corrected text on all site pages, in that case we could pass next step.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/creation-of-additional-project-pages.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 29. Optimization of a project Meta-data</title>
		<link>http://phpforms.net/tutorial/seo-book/optimization-of-a-project-meta-data.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/optimization-of-a-project-meta-data.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:05:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1546</guid>
		<description><![CDATA[Here we tell you about optimization of the main meta data of site pages. Any Internet-page can include next meta-data.
Title – data of page caption (description or its part which is given by search system as a lnk on a site). The main aim is to provide user general meaning of information written on a [...]]]></description>
			<content:encoded><![CDATA[<p>Here we tell you about optimization of the main meta data of site pages. Any Internet-page can include next meta-data.</p>
<p>Title – data of page caption (description or its part which is given by search system as a lnk on a site). The main aim is to provide user general meaning of information written on a page.</p>
<p>Description is page description. This data are not visible by user and it is indicated at time of site description sometimes. If the tag «Description» is relevant to the enquiry, description includes key phrase or its part. Site description displayed by search system in time of output is called snippet. This convenient tool for the manipulation by the method of tries and sekections of the site description in the search system on the definite request, or on the group of them.</p>
<p>Keywords – key enquiries. Enough old Meta-tag including list of key phrases. It is not taken into consideration by search systems in time of site ranking. To fill it or not you should desire yourself.</p>
<p>We do not stop on other Meta-tags of site pages because they not concern optimization. If you wish you can know about it in standards of .html documents.</p>
]]></content:encoded>
			<wfw:commentRss>http://phpforms.net/tutorial/seo-book/optimization-of-a-project-meta-data.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chapter 30. Black optimization methods</title>
		<link>http://phpforms.net/tutorial/seo-book/black-optimization-methods.html</link>
		<comments>http://phpforms.net/tutorial/seo-book/black-optimization-methods.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:04:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO book]]></category>

		<guid isPermaLink="false">http://phpforms.net/tutorial/?p=1548</guid>
		<description><![CDATA[

Invisible Text is the method of “black optimization” that appeared in the Internet first and is used to the present day. As it comes from the name, this is a publication of invisible for user text on the site page. For example, when placing numerous key words. To make the text invisible, its color is [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><span style="color: #000000;"><a href="http://phpforms.net/tutorial/wp-content/uploads/2010/02/image017.jpg"><img class="aligncenter size-full wp-image-2168" title="image017" src="http://phpforms.net/tutorial/wp-content/uploads/2010/02/image017.jpg" alt="" width="140" height="91" /></a><br />
</span></p>
<p>Invisible Text is the method of “black optimization” that appeared in the Internet first and is used to the present day. As it comes from the name, this is a publication of invisible for user text on the site page. For example, when placing numerous key words. To make the text invisible, its color is set the same as the background’s, or it is placed under some images, or its size is so tiny that it looks like a thin line.</p>
<p>Doorway is the website that looks real for searchers, but it’s specially made to be adored by them (basically our “friend and enemy” in America is Google; in Russian traffic the case is slightly different). They are to redirect users to another site, so doorways are transit pages.<br />
As a rule, every doorway is fitted for a single request (key word) and often contains an automatic redirect to the target website (but not always).<br />
Just place an auto redirect to the desired webpage (see below to learn how) with help of JavaScript (or Flash).</p>
<p>Cloaking is the method of reaching top in search systems by “showing” different pages to the search robot (spider) and user. So you can get a good rating without limiting the design beauty, since what searchers like usually looks bad (with some exceptions). For this method, you should have two different versions of your page: first one is for search robots, second one is for visitors. So when developing the page for visitors, you may create whatever you want with no thinking of search optimization. But when developing the page for spiders, you’ll need to know how search engine work and about methods of optimization. Doorway developing skills will be required. But there is an advantage if compared to doorways: first, you don’t need to make any redirect or make user click one more time (users don’t like it much). Secondly, no one of your rivals will be able to learn your secrets to a successful indexing by search robots, since optimized page can be seen only by spiders and IP-address can’t be forged. Anyway the page should be well optimized. Of course, there are minuses. For example, the complexity of implementation. Since cloak creation is a very labor-consuming process, you need to have some programming skills and know the methods of webpage optimization for search engines. And not just to know but to know how to practice it. So there is sense in cloak creation only if you’re experienced in doorways. But that’s not all, you need to have big databases of search robots’ IPs and their names. I conclude the introduction into cloaking, read more about this stuff in other articles of this part.</p>
<p>Link Spam is the method of website optimization when the number of links to the source is grown artificially without taking into account the website theme. Or there is an automatic link exchange within a group (“ring”) of sites. Link Spam is used for quote index boost. This optimization method is usually considered as a “gray” or even “black” depending on a certain search system administration decision. Placing invisible for user links is considered a definite violation of search system usage rules. In the worst case, the site may be put into “a black list” and be excluded from the search system database.</p>
<p>Reciprocal Link Exchange is one of the easiest ways to exchange links between sites. You make an arrangement about links exchange with another website, place the link into your site. So does your reciprocal links exchange partner. Because of the abuse of reciprocal link exchange by some web developers, search machines took it into account and changed the algorithms.<br />
Currently reciprocal link exchange doesn’t affect the site statistics too much. It’s been done because links suppose another site recommendation, and if the site is really recommended than the link should be gratis.<br />
But whatever you do, the search machines take into account such links anyways, and smart reciprocal link exchange can be beneficial.<br />
There is no complexity in the very reciprocal link exchange. The complexity is in controlling return links and checking the honesty of a mutual exchange.<br />
One of the simplest deception in Reciprocal Link Exchange is failing to place a reciprocal link or deleting it in a time.<br />
Only a constant return links check and reciprocal link publication control will help in the situation.<br />
Other ways of deception in Reciprocal Link Exchange are extremely hard to find out sometimes.</p>
<p>Swindlers use different methods of deception in Reciprocal Link Exchange:</p>
<ul>
<li>Setting for search bots a ban on indexing some pages of the site, on which is actually placed your return link. The ban is set through file robots.txt or metetag “robots”.</li>
<li>Using the tag “noindex”, which prohibits the search bots to index the parts of text with a return link.</li>
<li>Using rel= “nofollow” in tag &lt;a&gt; in your return link.</li>
</ul>
<p>Swindlers’ motive for a Reciprocal Link Exchange is to get a unilateral link to own site.<br />
The conclusion is to be careful with Reciprocal Link Exchange.<br />
Strive to exchange
