1.normal - ignore all extra spaces and all carriage returns
2.pre- preserve al extra spaces and all carriage returns
3.nowrap - do not break the element across lines

CSS Code of "normal" white-space

<p style="white-space: normal;">
Duis autem vel eum iriure dolor
in hendrerit in vulputate velit
esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis.
</p>

visibility

To specify whether an element is visible or hidden,this property is used.

This means whether an element shows up in the document or not,you can specify. This means that you can create hidden elements that become visible when certain events occur.

CSS Code with visibility set to "hidden".

<p style="visibility: hidden;">
Duis autem vel eum iriure dolor
in hendrerit in vulputate velit
esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis.
</p>

Visible is the default. This property is most commonly used with client-side scripting for Dynamic HTML.

Display

To specify how an element displays,the display property is used . It defines, in a sense, what kind of element it is. You are not really expected to know how this works yet, merely that it does.

It takes one of the following values:

none - do not display

block

inline

list-item

run-in - item runs into the following content, like an inline heading

compact

marker

table

inline-table

table-row-group

table-header-group

table-footer-group

table-row

table-column-group

table column

table-cell

table-caption

For Dynamic HTML pages,the only place you will currently see this property used in an XHMTL document as collapsing (or clamshell) menus, where the property is flip-flopped between none and (usually) block.

<h3 style="display: run-in;">Example:</h3> <h4 style="float: left;">Example:</h4>

Here is a 2x2 table. Without the use of table tags,it is made. Some divisions is used, modified with the display: property. If your browser does not support using the display then you can't see a 2x2 grid of table cells, then : property this way with XHTML. Note that this is not a recommended practice, but makes for a good example.

<div style="display: table;">
<div style="display: table-row;">
<div style="display: table-cell;">
Here is a 2x2 table.
</div>
<div style="display: table-cell;">
It is made without the use of table tags. ...
</div>
</div>
<div style="display: table-row;">
<div style="display: table-cell;">
If you don't see a 2x2 grid of table cells, ...
</div>
<div style="display: table-cell;">
Note that this is not a recommended practice, ...
</div>

The following example creating a horizontal menu

CSS Code

<html>
<head>
<style type="text/css">
ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
float:left;
width:6em;
text-decoration:none;
color:white;
background-color:purple;
padding:0.2em 0.6em;
border-right:1px solid white;
}
a:hover {background-color:#ff3300}
li {display:inline}
</style>
</head>

<body>
<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul>

<p>
In the example above, we let the the a element float to the left and ul element .
In inline elements ,the li elements will be displayed(no line break before or after the element). This forces the list to be on one line.
The ul element has a width of 100% and each hyperlink in the list has a width of 6em (6 times the size of the current font).
To make it more fancy,we add some colors and borders .
</p>

</body>
</html>

The follwing table describe the classification Properties:

Property	Description	values
clear	Sets the sides of an element where other floating elements are not allowed	left right both none
cursor	Specifies the type of cursor to be displayed	url auto crosshair default pointer move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help
display	Sets how/if an element is displayed	none inline block list-item run-in compact marker table inline-table table-row-group table-header-group table-footer-group table-row table-column-group table-column table-cell table-caption
float	Sets where an image or a text will appear in another element	left right none
position	Places an element in a static, relative, absolute or fixed position	static relative absolute fixed
visibility	Sets if an element should be visible or invisible	visible hidden collapse

Be the first one to comment on this page.

CSS Tutorial eBooks

More Links » »

CSS Tutorial FAQs

More Links » »

CSS Tutorial Interview Questions

What are the five imp fields to be maintained in account determination

What is the basic qualification for SAP Implementation ?

Why u can call(r using) ssf_function_module_name in smartforms?

What we normally check for in the Database Testing?

What is the difference between ATP check and availability check how these reflect in sales order(which check system considers) what are the IMG settings for the same.

What is availability check, how to configure it?

Why u can call(r using) ssf_function_module_name in smartforms?

We get a report screen: "Goods issue: Problem Log" during the delivery process when activating Post Goods Issue button. We want to include our own error message to this list if the selected batch is not on a customer defined table. What is the best way?

Why u can call(r using) ssf_function_module_name in smartforms?

In scripts how to upload logo (it's saved in .bmp file ) What is the procedure?

More Links » »

CSS Tutorial Articles
No CSS Articles could be found as of now.

CSS Tutorial News
No News on CSS could be found as of now.

CSS Tutorial Jobs
No CSS Articles could be found as of now.

Share And Enjoy:These icons link to social bookmarking sites where readers can share and discover new web pages.

HTML Quizzes

XML Quizzes

Browser Scripting Quizzes

Server Scripting Quizzes

.NET (dotnet) Quizzes

Multimedia Quizzes

Gnuplot Programming Quiz

GIF Animation Quiz

Scientific Visualization Quiz

Web Building Quizzes

Web Site Hosting Quiz

Java Quizzes

Programming Langauges Quizzes

C Quiz

C++ Quiz

Visual Basic Quiz

Data Structures Using C Quiz

Cobol Quiz

Assembly Language Quiz

Mainframe Quiz

Forth Programming Quiz

Lisp Programming Quiz

Data Warehousing Quiz

Soft Skills Quizzes

Communication Skills Quiz

Time Management Quiz

Project Management Quiz

Team Work Quiz

Leadership Skills Quiz

Corporate Communication Quiz

Negotiation Skills Quiz

Database Quizzes

Oracle Quiz

MySQL Quiz

Operating System Quizzes

Software Testing Quizzes

SAP Module Quizzes

Business Warehousing Quiz

SAP Basis Quiz

Material Management Quiz

Sales & Distribution Quiz

Human Resource Quiz

Netweaver Quiz

Customer Relationship Management Quiz

Production and Planning Quiz

Networking Programming Quizzes

Corba Quiz

Networking Quiz

Microsoft Office Quizzes

Microsoft Word Quiz

Microsoft Outlook Quiz

Microsoft PowerPoint Quiz

Microsoft Publisher Quiz

Microsoft Excel Quiz

Microsoft Front Page Quiz

Microsoft InfoPath Quiz

Microsoft Access Quiz

Accounting Quizzes

Financial Accounting Quiz

Managerial Accounting Quiz

Testimonials \| Contact Us \| Link to Us \| Site Map
Copyright ? 2008. Academic Tutorials.com. All rights reserved	Privacy Policies \| About Us
Our Portals : Academic Tutorials \| Best eBooksworld \| Beyond Stats \| City Details \| Interview Questions \| Discussions World \| Excellent Mobiles \| Free Bangalore \| Give Me The Code \| Gog Logo \| Indian Free Ads \| Jobs Assist \| New Interview Questions \| One Stop FAQs \| One Stop GATE \| One Stop GRE \| One Stop IAS \| One Stop MBA \| One Stop SAP \| One Stop Testing \| Webhosting in India \| Dedicated Server in India \| Sirf Dosti \| Source Codes World \| Tasty Food \| Tech Archive \| Testing Interview Questions \| Tests World \| The Galz \| Top Masala \| Vyom \| Vyom eBooks \| Vyom International \| Vyom Links \| Vyoms \| Vyom World \| Important Websites
Copyright ? 2003-2024 Vyom Technosoft Pvt. Ltd., All Rights Reserved.

Testimonials \| Contact Us \| Link to Us \| Site Map
Copyright ? 2008. Academic Tutorials.com. All rights reserved	Privacy Policies \| About Us
Our Portals : Academic Tutorials \| Best eBooksworld \| Beyond Stats \| City Details \| Interview Questions \| Discussions World \| Excellent Mobiles \| Free Bangalore \| Give Me The Code \| Gog Logo \| Indian Free Ads \| Jobs Assist \| New Interview Questions \| One Stop FAQs \| One Stop GATE \| One Stop GRE \| One Stop IAS \| One Stop MBA \| One Stop SAP \| One Stop Testing \| Webhosting in India \| Dedicated Server in India \| Sirf Dosti \| Source Codes World \| Tasty Food \| Tech Archive \| Testing Interview Questions \| Tests World \| The Galz \| Top Masala \| Vyom \| Vyom eBooks \| Vyom International \| Vyom Links \| Vyoms \| Vyom World \| Important Websites
Copyright ? 2003-2024 Vyom Technosoft Pvt. Ltd., All Rights Reserved.

CSS Classification Properties

white-space

CSS Code of "normal" white-space

visibility

CSS Code with visibility set to "hidden".

Display

The following example creating a horizontal menu

CSS Code

The follwing table describe the classification Properties:

No CSS Articles could be found as of now.

No News on CSS could be found as of now.

No CSS Articles could be found as of now.