Borders Top,Bottom,Left,Right Width Explain
Set the width of the top border:
Html Code:
<!DOCTYPE html>
<html>
<head>
<style>
p {
border-style: solid;
border-top-width: 15px;
}
</style>
</head>
<body>
<p><b>Note:</b> The "border-top-width" property does not work if it is used alone. Use the "border-style" property to set the borders first.</p>
</body>
</html>
Html Code Result:
Set the width of the Bottom border:
Html Code:
<!DOCTYPE html>
<html>
<head>
<style>
p {
border-style: solid;
border-bottom-width: 15px;
}
</style>
</head>
<body>
<p><b>Note:</b> The "border-bottom-width" property does not work if it is used alone. Use the "border-style" property to set the borders first.</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
p {
border-style: solid;
border-bottom-width: 15px;
}
</style>
</head>
<body>
<p><b>Note:</b> The "border-bottom-width" property does not work if it is used alone. Use the "border-style" property to set the borders first.</p>
</body>
</html>
Html Code Result:
Set the width of the Left border:
Html Code:
<!DOCTYPE html>
<html>
<head>
<style>
p {
border-style: solid;
border-left-width: 15px;
}
</style>
</head>
<body>
<p><b>Note:</b> The "border-left-width" property does not work if it is used alone. Use the "border-style" property to set the borders first.</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
p {
border-style: solid;
border-left-width: 15px;
}
</style>
</head>
<body>
<p><b>Note:</b> The "border-left-width" property does not work if it is used alone. Use the "border-style" property to set the borders first.</p>
</body>
</html>
Html Code Result:
Set the width of the Right border:
Html Code:
<!DOCTYPE html>
<html>
<head>
<style>
p {
border-style: solid;
border-right-width: 15px;
}
</style>
</head>
<body>
<p><b>Note:</b> The "border-right-width" property does not work if it is used alone. Use the "border-style" property to set the borders first.</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
p {
border-style: solid;
border-right-width: 15px;
}
</style>
</head>
<body>
<p><b>Note:</b> The "border-right-width" property does not work if it is used alone. Use the "border-style" property to set the borders first.</p>
</body>
</html>
Html Code Result:
Post a Comment