CSS بوردر بلوک شروع سبک اپریٹ
- پیش پرن بوردر بلوک سٹارٹ کلر
- پریو پرن بوردر بلوک سٹارٹ وائیڈت
定义和用法
border-block-start-style 属性用于设置元素在块方向起始处的边框样式。
CSS border-block-start-style 属性与 CSS 属性 border-bottom-styleborder-left-styleborder-bottom-styleborder-left-styleਅਤੇ border-right-style ਅਤੇ border-top-style border-block-start-style ਬਹੁਤ ਹੀ ਸਮਾਨ, ਪਰ
ਲੈਬਲ ਬਲਕ ਦਿਸ਼ਾ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。ਧਿਆਨ: writing-mode ਬਲਕ ਦਿਸ਼ਾ ਨੂੰ ਨਿਰਦੇਸ਼ਿਤ ਕਰਦਾ ਹੈ। ਇਹ ਬਲਕ ਦੀ ਸ਼ੁਰੂਆਤ ਅਤੇ ਸਮਾਪਤ ਸਥਾਨ ਅਤੇ ਸਬੰਧਤ CSS ਲੈਬਲਾਂ 'ਤੇ ਪ੍ਰਭਾਵ ਪਾਉਂਦਾ ਹੈ border-block-start-style ਲੈਬਲ ਦਾ ਨਤੀਜਾ। ਇੰਗਲਿਸ਼ ਪੰਨਿਆਂ ਵਿੱਚ ਇਨਲਾਈਨ ਦਿਸ਼ਾ ਵੱਲ ਖੱਡੇ ਤੋਂ ਸੱਜੇ ਹੋਵੇਗੀ, ਬਲਕ ਦਿਸ਼ਾ ਵੱਲ ਹੇਠਾਂ ਹੋਵੇਗੀ。
ਉਦਾਹਰਣ
ਉਦਾਹਰਣ 1
ਬਲਕ ਦਿਸ਼ਾ ਦੀ ਸ਼ੁਰੂਆਤ ਵਿੱਚ ਬੋਰਡਰ ਲੈਬਲ ਦੀ ਸਥਿਤੀ ਨਿਰਦੇਸ਼ਿਤ ਕਰੋ:
div {
border-block-start-style: dotted;
}
ਉਦਾਹਰਣ 2: writing-mode ਲੈਬਲ ਦੇ ਸਮੇਕਨ
ਬਲਕ ਦਿਸ਼ਾ ਦੀ ਸ਼ੁਰੂਆਤ ਵਿੱਚ ਬੋਰਡਰ ਲੈਬਲ ਦੀ ਸਥਿਤੀ ਬਲਕ ਦਿਸ਼ਾ ਦੇ writing-mode ਲੈਬਲ ਪ੍ਰਭਾਵ:
div {
writing-mode: vertical-rl;
border-block-start-style: dotted;
}
CSS ਗਰੇਫਿਕਸ
border-block-start-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
ਲੈਬਲ ਮੁੱਲ
| ਮੁੱਲ | ਵਰਣਨ |
|---|---|
| none | ਮੂਲ ਮੁੱਲ। ਬੋਰਡਰ ਨਹੀਂ ਦਰਸਾਉਣ ਵਾਲਾ ਨਿਰਦੇਸ਼ਿਤ ਕਰੋ。 |
| hidden | ਨਾਨਾ ਬੋਰਡਰ ਨਿਰਦੇਸ਼ਿਤ ਕਰੋ。 |
| dotted | ਨਾਨਾ ਬੋਰਡਰ ਨਿਰਦੇਸ਼ਿਤ ਕਰੋ。 |
| dashed | ਧੁੱਪੀ ਬੋਰਡਰ ਨਿਰਦੇਸ਼ਿਤ ਕਰੋ。 |
| solid | ਸਰੀਹੀ ਬੋਰਡਰ ਨਿਰਦੇਸ਼ਿਤ ਕਰੋ。 |
| double | ਦੁਗਣੀ ਬੋਰਡਰ ਨਿਰਦੇਸ਼ਿਤ ਕਰੋ。 |
| groove |
3D ਕੁਦਰਤੀ ਬੋਰਡਰ ਨਿਰਦੇਸ਼ਿਤ ਕਰੋ。 ਪ੍ਰਭਾਵ ਬੋਰਡਰ-ਕਲਰ ਦੇ ਮੁੱਲ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。 |
| ridge |
3D ਕੋਰਟਿਨ ਬੋਰਡਰ ਨਿਰਦੇਸ਼ਿਤ ਕਰੋ。 ਪ੍ਰਭਾਵ ਬੋਰਡਰ-ਕਲਰ ਦੇ ਮੁੱਲ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。 |
| inset |
3D ਅੰਦਰੂਨੀ ਬੋਰਡਰ ਨਿਰਦੇਸ਼ਿਤ ਕਰੋ。 ਪ੍ਰਭਾਵ ਬੋਰਡਰ-ਕਲਰ ਦੇ ਮੁੱਲ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。 |
| outset |
3D ਬਾਹਰੀ ਬੋਰਡਰ ਨਿਰਦੇਸ਼ਿਤ ਕਰੋ。 ਪ੍ਰਭਾਵ ਬੋਰਡਰ-ਕਲਰ ਦੇ ਮੁੱਲ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。 |
| initial | ਇਸ ਲੈਬਲ ਨੂੰ ਉਸ ਦੇ ਮੂਲ ਮੁੱਲ ਨੂੰ ਸੈਟ ਕਰੋ। ਸੰਦਰਭ ਦੇਖੋ: initial. |
| inherit | ਆਪਣੇ ਮਾਤਾ ਐਲੀਮੈਂਟ ਤੋਂ ਇਸ ਲੈਬਲ ਨੂੰ ਵਿਰਾਸਤੀਕਰਣ ਕਰੋ। ਸੰਦਰਭ ਦੇਖੋ: inherit. |
ਤਕਨੀਕੀ ਵੇਰਵਾ
| ਮੂਲ ਮੁੱਲ: | none |
|---|---|
| ਵਿਰਾਸਤੀਕਰਣ: | ਨਹੀਂ |
| ਐਨੀਮੇਸ਼ਨ ਨਿਰਮਾਣ: | ਸਮਰੱਥ ਨਹੀਂ ਹੈ। ਸੰਦਰਭ ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧਤ ਲੈਬਲ. |
| ਸੰਸਕਰਣ: | CSS3 |
| ਜਾਵਾਸਕ੍ਰਿਪਟ ਗਰੇਫਿਕਸ: | object.style.borderBlockStartStyle="dotted" |
ਬਰਾਊਜ਼ਰ ਸਮਰੱਥਾ
ਸਾਰੇ ਪੰਨਿਆਂ ਵਿੱਚ ਸਬੰਧਤ ਲੈਬਲ ਪਰੀਭਾਸ਼ਾ ਦੀ ਪਹਿਲੀ ਸਮਰੱਥ ਬਰਾਊਜ਼ਰ ਸੰਸਕਰਣ ਦਾ ਸੰਖਿਆ ਦਰਸਾਉਂਦਾ ਹੈ。
| ਚਰਮ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|
| 69.0 | 79.0 | 41.0 | 12.1 | 56.0 |
ਸਬੰਧਤ ਪੰਨੇ
ਟੂਰੀਅਲ:CSS کیورفُل
ਸੰਦਰਭ:CSS بوردر اپریٹ
ਸੰਦਰਭ:CSS بوردر بلوک اپریٹ
ਸੰਦਰਭ:CSS بوردر بلوک سبک اپریٹ
ਸੰਦਰਭ:CSS بوردر بلوک ختم سبک اپریٹ
ਸੰਦਰਭ:CSS بوردر بوتوم سبک اپریٹ
ਸੰਦਰਭ:CSS border-left-style پراپرٹی
ਸੰਦਰਭ:CSS border-right-style پراپرٹی
- پیش پرن بوردر بلوک سٹارٹ کلر
- پریو پرن بوردر بلوک سٹارٹ وائیڈت
