Monday, September 28, 2009
we know that rounded corner border is only working fine in firefox ,safari etc but not in IE. There is a hack for implementing curved border in IE.I got a file border.htc which is directly called in CSS using behavior property.
syntax:
behavior:url(border.htc)
this behavior is only for IE for other browser we have to use border radius [...]
Monday, September 28, 2009
To create a stylish and extra decoration for your border used in css, generally use border-radius to make it in curved shaped.Although this method is used in css3 and not working in IE ,but for mozilla firefox ,safari and other browser.
Syntax:
-moz-border-radius: 5px
-webkit-border-radius: 5px
-opera-border-radius: 5px
-khtml-border-radius: 5px
Example:
.giveborder{
border: 1px solid #eaea00;
background-color:#ffffb7;
padding:5px;
}
.makecurved{
[...]
Image Gallery
The following image gallery is created with CSS:
example:
The <span> and <div> tags were introduced later in the HTML game that are very useful when dealing with Cascading Style Sheets. People tend to use them in similar fashion, but they serve different purposes.
CSS (Cascading style sheets) are used to separate content from presentation. CSS describe the presentation of a document written most of the times in HTML. CSS is used to define colors, fonts and layout.
CSS properties are only designed for a certain media. For example the “voice-family” property is designed for aural user agents. Some other properties can be used for different media types. the “font-size” property can be used for both screen and print media, but perhaps with different values. A document usually needs a larger font-size on [...]
How to add different colors to a hyperlink in a document.
<html>
<head>
How to position an element relative to its normal position.
<html>
<head>
<style type=”text/css”>
h2.pos_abs
How to display an element as an inline element.
<html>
<head>
<style type=”text/css”>
p {display: inline}
div {display: none}
</style>
</head>
You have seen the border that surrounds every box element, the padding that can appear inside each box and the margin that can go around them. In this tutorial we will how we can change the dimensions of boxes.
Height property is used to set the height of a box.
Width property is used to set the [...]
CSS table allow you to set the layout of a table.
Example…
<html>
<head>
<style type=”text/css”>
table.freedom
{
table-layout: automatic
}
</style>
</head>
<body>
The CSS list properties allow you to place the list-item marker, change between different list-item markers, or set an image as the list-item marker.This is maybe because they are much more specific than ordered and unordered lists and therefore less useful, but where there is a list of terms and descriptions a definition list should [...]
Definition
CSS padding define the space between the element border and the element content. The top, right, bottom, and left padding can be changed using separate properties.
The left margin of an element.
The left margin of an element is set using the margin-left property.
<html>
<head>
<title>Setting the left margin of an element</title>
</head>
<body>
<p>
this is text..
</p>
<p style=”margin-left: 3cm;”>
This is left margin text .
</p>
</body>
</html>
Specifies an outline for a box. Rendered around the outside of the border and on top of the box, so it does not affect its size or position. The value can combine out line color, outline style and outline width.
How to draw a line around an element, outside the border.
The CSS border property gives you the option to specify the style and color of the border of an element. With this property, we now can create borders with nice effects, which can also be applied to any element.
There are so many options how to use the property border: