how to indent borders using css or jquery?
How to indent borders using css or jquery? Similar to how this web at http://fixedheadertable.com/
Amick
This is done using the box-shadow inset property.
This can be done using the margin directive.
Ensure that you use a container like <pre> or <div> for it to happen
The directive would something like
margin: 0 50px;
Which means margin from top and bottom are 0 and from left and right are 50px.
Ensure that you use a container like <pre> or <div> for it to happen
The directive would something like
margin: 0 50px;
Which means margin from top and bottom are 0 and from left and right are 50px.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
div
{
height:100px;
width:300px;
box-shadow: 0px 1px 0px rgba(255,255,255,0.5), inset 2px 2px rgba(0,0,0,0.05) ;
border:3px solid #5b636b;
border-radius:10px;
background-color:rgb(139,148,159)
}
</style>
</head>
<body>
<div></div>
</body>
</html>
</style>
</head>
<body>
<div></div>
</body>
</html>ASKER
thanks but anything better
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
wow, thanks Amick