textarea文本域rows属性和高度关系实例页面

代码：

CSS代码：

textarea {
    font-size: 100%;
    font-family: inherit;
    line-height: inherit;
    padding-top: 0; padding-bottom: 0;
    border: 0 none;
    background-color: #f0f3f9;
    box-shadow: inset 1px 1px 2px #cad5eb;
    vertical-align: top;
    overflow: auto;
}

HTML代码：

<p><textarea rows="2"></textarea> rows="2"</p>
<p><textarea rows="4"></textarea> rows="4"</p>
<p><textarea rows="5"></textarea> rows="5"</p>
<p><textarea rows="6"></textarea> rows="6"</p>

效果：

rows="2"

rows="4"

rows="5"

rows="6"

目前font-size大小：

目前font-family是：

目前line-height是：