CSS فون سائز ایجسٹ اٹری بیوٹ
- ਪਿਛਲੀ ਪੰਨਾ font-size
- ਅਗਲਾ ਪੰਨਾ font-stretch
정의와 사용법
font-size-adjust 속성은 특정 요소에 aspect 값을 설정하여, 선호하는 글꼴의 x-height를 유지할 수 있습니다.
ਵਰਣਨ
ਫੰਟ ਦੇ ਛੋਟੇ ਅੱਖਰ "x" ਦੀ ਊਚਾਈ ਅਤੇ "font-size" ਊਚਾਈ ਦਰਮਿਆਨ ਦਾ ਅਨੁਪਾਤ ਇੱਕ ਫੰਟ ਦਾ aspect ਮੁੱਲ ਕਿਹਾ ਜਾਂਦਾ ਹੈ।ਜਦੋਂ ਫੰਟ ਦਾ aspect ਮੁੱਲ ਉੱਚਾ ਹੁੰਦਾ ਹੈ, ਤਾਂ ਜਦੋਂ ਇਹ ਫੰਟ ਬਹੁਤ ਛੋਟੇ ਸਾਈਜ਼ ਵਿੱਚ ਸੈਟ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਤਾਂ ਇਸ ਨੂੰ ਪੜ੍ਹਣਾ ਆਸਾਨ ਹੁੰਦਾ ਹੈ।ਉਦਾਹਰਣ: Verdana ਦਾ aspect ਮੁੱਲ 0.58 (ਮਤਲਬ ਜਦੋਂ ਫੰਟ ਸਾਈਜ਼ 100px ਹੁੰਦਾ ਹੈ, ਤਾਂ ਇਸ ਦਾ x-height 58px ਹੁੰਦਾ ਹੈ)।Times New Roman ਦਾ aspect ਮੁੱਲ 0.46।ਇਹ ਮਤਲਬ ਹੈ ਕਿ Verdana ਛੋਟੇ ਸਾਈਜ਼ ਵਿੱਚ Times New Roman ਤੋਂ ਅਧਿਕ ਪੜ੍ਹਣਯੋਗ ਹੈ।
ਹੋਰ ਦੇਖੋ:
CSS ਸਿੱਖਿਆ:CSS ਫੰਟ
CSS ਸੰਦਰਭ ਦਸਤਾਵੇਜ਼:CSS فون اٹری بیوٹ
HTML DOM ਸੰਦਰਭ ਦਸਤਾਵੇਜ਼:fontSizeAdjust ਪ੍ਰਤੀਯੋਗਿਤਾ
ਇੰਸਟੈਂਸ
ਵੱਖ-ਵੱਖ HTML ਅਣੂ ਦੇ font-size-adjust ਪ੍ਰਤੀਯੋਗਿਤਾ ਸੈਟ ਕਰੋ:
h1
{
font-size-adjust:0.58;
}
p
{
font-size-adjust:0.60;
}
CSS ਗਰਾਫਿਕਸ
font-size-adjust: number|none|initial|inherit;
ਅਤਿਰਿਕਤ ਮੁੱਲ
| ਮੁੱਲ | ਵਰਣਨ |
|---|---|
| ਕੋਈ ਨਹੀਂ | ਮੂਲ ਮੁੱਲ।ਜੇਕਰ ਇਹ ਫੰਟ ਉਪਲੱਬਧ ਨਹੀਂ ਹੈ, ਤਾਂ ਇਸ ਫੰਟ ਦੀ x-height ਨੂੰ ਸੰਭਾਲਿਆ ਨਹੀਂ ਜਾਵੇਗਾ. |
| number |
ਫੰਟ ਦੇ aspect ਮੁੱਲ ਦੀ ਰੇਖਾਂਕਨ ਰਾਹੀਂ ਨਿਰਧਾਰਿਤ ਕਰੋ. ਉਪਯੋਗਿਤਾਬਦਧ ਸਮੀਕਰਣ:ਪਸੰਦੀਦਾ ਫੰਟ ਦਾ ਸਾਈਜ਼ * (font-size-adjust ਮੁੱਲ / ਉਪਲੱਬਧ ਫੰਟ ਦਾ aspect ਮੁੱਲ) = ਉਪਲੱਬਧ ਫੰਟ ਨੂੰ ਲਾਗੂ ਕੀਤਾ ਜਾਣ ਵਾਲਾ ਫੰਟ ਦਾ ਸਾਈਜ਼ ਉਦਾਹਰਣ:ਜੇਕਰ 14px ਦਾ Verdana (aspect ਮੁੱਲ 0.58) ਉਪਲੱਬਧ ਨਹੀਂ ਹੈ, ਪਰ ਕੋਈ ਉਪਲੱਬਧ ਫੰਟ ਦਾ aspect ਮੁੱਲ 0.46 ਹੈ, ਤਾਂ ਬਦਲੇ ਗਏ ਫੰਟ ਦਾ ਸਾਈਜ਼ 14 * (0.58/0.46) = 17.65px ਹੋਵੇਗਾ. |
ਤਕਨੀਕੀ ਵੇਰਵੇ
| ਮੂਲ ਮੁੱਲ: | ਕੋਈ ਨਹੀਂ |
|---|---|
| ਵਿਰਾਸਤ: | ਹਾਂ |
| ਵਰਜਨ: | CSS2 |
| JavaScript ਗਰਾਫਿਕਸ: | object.style.fontSizeAdjust="0.70" |
TIY ਇੰਸਟੈਂਸ
- font-size-adjust ਨਾਲ ਫੰਟ ਸਾਈਜ਼ ਸੈਟ ਕਰਨਾ
- ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਦਿਖਾਇਆ ਗਿਆ ਹੈ ਕਿ ਕਿਵੇਂ font-size-adjust ਨਾਲ ਫੰਟ ਸਾਈਜ਼ ਸੈਟ ਕੀਤਾ ਜਾਂਦਾ ਹੈ.
ਬਰਾਉਜ਼ਰ ਸਮਰੱਥਾ
ਸਾਰੇ ਪੱਧਰਾਂ ਦੇ ਅਕਸਰ ਇਸ ਸੰਤੋਖ ਦੇ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਨੂੰ ਪੱਥਰ ਲਗਾਇਆ ਗਿਆ ਹੈ.
| ਚਰਮੋਨਾ | IE / ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪੇਰਾ |
|---|---|---|---|---|
| ਸਮਰੱਥ ਨਹੀਂ | ਸਮਰੱਥ ਨਹੀਂ | 3.0 | ਸਮਰੱਥ ਨਹੀਂ | ਸਮਰੱਥ ਨਹੀਂ |
- ਪਿਛਲੀ ਪੰਨਾ font-size
- ਅਗਲਾ ਪੰਨਾ font-stretch
