Link to home
Create AccountLog in
Avatar of areyouready344
areyouready344Flag for United States of America

asked on

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/
Avatar of Amick
Amick
Flag of United States of America image

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.
<!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>

Open in new window

Avatar of areyouready344

ASKER

thanks but anything better
ASKER CERTIFIED SOLUTION
Avatar of Amick
Amick
Flag of United States of America image

Link to home
membership
Create an account to see this answer
Signing up is free. No credit card required.
Create Account
wow, thanks Amick