How is a CSS border displayed with these parameters?

Asked By 10 points N/A Posted on -
qa-featured

In CSS, how is a border displayed if the top border equals 10 pixels, bottom border equals 5 pixels, left border equals 20 pixels and the right border equals 1 pixel?

SHARE
Best Answer by Sagheer Ahmad
Best Answer
Best Answer
Answered By 0 points N/A #119292

How is a CSS border displayed with these parameters?

qa-featured

Define a CSS class in the HTML Header section and set the border-left, border-right, border-top and border-bottom to the desired values. e. g get help from the file.

<html>

<head>

<style type="text/css">
p. one 
{
border-left:20px;
border-right:20px;
border-style:solid;
border-width:5px;
}
</style>
</head>
 
<body>
<p class="one">Some text.</p>
<p><b>Note:</b> The "border-width" property does not work if it is used alone. Use the "border-style" property to set the borders first.</p>
</body>
 
</html>
Answered By 0 points N/A #119293

How is a CSS border displayed with these parameters?

qa-featured

Hi,

You can get the border according to your requirement. You just need to write the following syntax in CSS:

"border-top-width:10 px; border-bottom-width:5 px; border-left-width:20 px; border-right-width:1 px;"

You will get the border according to your requirement.

Answered By 10 points N/A #119294

How is a CSS border displayed with these parameters?

qa-featured

Sorry for the late gratitude. Thank you Sagheer Ahmad for your answer! The CSS code you provided was of bug help. Many thank TechyV!

Related Questions