block-size

by xuxing

HTML

<div id="div1">Hello, this is a test</div>
<div id="div2">Hello, this is a test</div>
<div id="div3">Hello, this is a test</div>

CSS

#div1 { 
    block-size: 40px;
    min-block-size: 50px;
    max-block-size: 100px;
    border: 1px solid #000;
}
#div2 { 
    block-size: 100px;
    min-block-size: 50px;
    max-block-size: 100px;
    border: 1px solid #000;
}
#div3 { 
    block-size: 120px;
    min-block-size: 50px;
    max-block-size: 100px;
    border: 1px solid #000;
}