خاصيت voice-family

[mehrzad007]

من با كمك نرم افزار CSS Tab Designer 2 اقدام به ساخت يه منو كردم . تكه تكه كدها رو اورد برنامه خودم كردم . تا رسيدم به اين خاصيت . متوجه كاربرد و كاركردش نشدم . از جستجو هم مطلب روشني عايدم نشد . جالبه اين دو خط رو بر مي دارم منو بهم مي ريزه . كسي با اين خاصيت كار كرده ؟ و مي دونه چه كاري انجام ميده ؟


/*---------RightPanel-----------*/

#RightPanel
{
width: 170px;
float: right;
background-color: #99CCFF;
}
#RightPanel ul
{
list-style: none;
padding: 0;
margin: 0;
}
#RightPanel li a
{

height: 30px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;

}
#RightPanel li a:link, #RightPanel li a:visited
{
display: block;
background: url( 'Image/mnu_bak.jpg' );
text-decoration: none;
text-indent: 20px;
font-family: Tahoma;
font-size: small;
color: #FFFFFF;
padding-top: 5px;
}

#RightPanel li a:hover
{
background: url( 'Image/mnu_bak2.jpg' );
font-weight: bold;
}

#RightPanel li a:active
{
background: url( 'Image/mnu_bak2.jpg' );
}

[emad_67]

اون 2 خط برای box model hack هست. در مرورگر های قدیمی که درست نمی تونن اندازه المان ها رو مطابق مرورگر های جدید نشون بدن، از این ترفند استفاده میشه. در واقع توی کد شما مقدار heighth: 30px خونده میشه و اون 2 خط کد باعث میشه که مقدار 24px دیگه اعمال نشه. اما تو مرورگر های جدید مقدار 24px اعمال میشه.