html - Is there a CSS property to control or set the length of each side of a div

Question

This question already has answers here: question from:https://stackoverflow.com/questions/65914048/is-there-a-css-property-to-control-or-set-the-length-of-each-side-of-a-div

Answer 1

You should try this..

div {    
  width:250px;
  height:100px;
  border:2px solid red;        
  margin-left:100px;
  margin-bottom: 0;
  margin-top: 5px;
}
.trapezium {
  margin-top: 0;
  border-top-width:4px;
  border-bottom-width:1px;
  -webkit-transform: perspective(150px) rotateX(40deg);    
}

<div class="trapezium"></div>