letter-spacing برای عناصر Inline-block
سوال جدید<ul>
<li>home</li>
<li>abut</li>
<li>intro</li>
<li>singin</li>
</ul>
کد html
ul
{
letter-spacing: -4px;
}
li
{
display: inline-block;
background-color: teal;
padding:3px;
}
کد css
من به عنصر پدر پراپرتی
letter-spacing: -۴px; رو دادم ولی بازم کلمه ها میرفتن داخل هم
کامنتی پیدا نشد.
درست متوجه سوالتون نشدم ولی اگر سوالتون درمورد تاثیر مقدار letter-spacing عنصر ul بر روی کلمات هسستش این اتفاق به این خاطره که خصوصیت letter-spacing حالت ارث بری دارد ( یعنی وقتی برای یک عنصرمقدار خاصی تعریف شود، عناصر فرزند آن عنصر نیز همان مقدار را می گیرند Inherited properties ) و در اینجا li ها همان مقدار -۴px رابرای letter-spacing می گیرند. در این گونه موارد، لازمه که برای عناصر فرزند مقدار این خصوصیت را دوباره به حالت normal یا دلخواه تعریف کنید.