CSS text-size-adjust Kullanımı

CSS "text-size-adjust" özelliği, bir öğenin metnin boyutunun, cihazlar arasında farklı olan ekran boyutlarına veya zoom seviyelerine göre otomatik olarak ayarlanmasını sağlar. Bu özellik, "none", "auto" veya yüzde değerleri alabilir.

"none" değeri, metnin boyutunun otomatik olarak ayarlanmamasını sağlar. Bu, metnin cihaz veya zoom seviyesine göre değişmeyecektir.

Örneğin, bir div elementinin metninin boyutunun otomatik olarak ayarlanmamasını istiyorsanız, aşağıdaki kodu kullanabilirsiniz.

div {
    text-size-adjust: none;
}

Bu kodda, div elementi için tanımlanmış olan metnin boyutu cihaz veya zoom seviyesine göre değişmeyecektir.

"auto" değeri, metnin boyutunun otomatik olarak ayarlanmasını sağlar. Bu, metnin cihaz veya zoom seviyesine göre otomatik olarak ayarlanmasını belirler. Bir div elementinin metninin boyutunun otomatik olarak ayarlanmasını istiyorsanız, aşağıdaki örneği inceleyebilirsiniz.

div {
    text-size-adjust: auto;
}

Bu örnekte, div elementi için tanımlanmış olan metnin boyutu cihaz veya zoom seviyesine göre otomatik olarak ayarlanacaktır.

Yüzde değerleri ile de metnin boyutunun otomatik olarak ayarlanmasını belirleyebilirsiniz. Örneğin, bir div elementinin metninin boyutunun yüzde 80 kadarına otomatik olarak ayarlanmasını istiyorsanız, aşağıdaki kodu kullanabilirsiniz.

div {
    text-size-adjust: 80%;
}

Bu kodda, div elementi için tanımlanmış olan metnin boyutu yüzde 80 kadarına otomatik olarak ayarlanacaktır.

"text-size-adjust" özelliği, cihazlar arasında farklı olan ekran boyutlarına veya zoom seviyelerine göre metnin boyutunun otomatik olarak belirlenmesi sağlanır. Bu özellik sayesinde, metnin her zaman okunabilir ve anlaşılabilir olmasını sağlayabilirsiniz.


CSS

İlginizi Çekebilir

CSS align-items Kullanımı

CSS stroke-width Kullanımı

CSS align-content Kullanımı

CSS cursor Kullanımı

CSS unicode-bidi Kullanımı