CSS بوردر-اینلاین-پائیلی-کامن-شکل اپریٹ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

border-inline-end-style ਵਿਸ਼ੇਸ਼ਤਾ ਨਾਲ ਇਲਾਕੇ ਵਿੱਚ ਲਾਈਨ ਦੀ ਦਿਸ਼ਾ ਦੇ ਅੰਤ ਦੇ ਬਾਰੇ ਬਾਰਡਰ ਸਟਾਈਲ ਸੈਟ ਕੀਤੀ ਜਾਂਦੀ ਹੈ。

CSS ਦੀ border-inline-end-style ਵਿਸ਼ੇਸ਼ਤਾ ਨਾਲ border-bottom-style、border-left-style、border-right-style 和 border-top-style ਵਿਸ਼ੇਸ਼ਤਾ ਬਹੁਤ ਸਮਾਨ ਹਨ, ਪਰ border-inline-end-style ਵਿਸ਼ੇਸ਼ਤਾ ਲਾਈਨ ਦਿਸ਼ਾ ਉੱਤੇ ਨਿਰਭਰ ਹੁੰਦੀ ਹੈ。

注意：相关的 CSS 属性 writing-mode、text-orientation 和 direction 定义了行内方向。这会影响一行的起始和结束位置，以及 border-inline-end-style 属性的结果。对于英文页面，行内方向是从左到右，块方向是向下。

实例

例子 1

为行内方向末端的边框设置样式：

div {
  border-inline-end-style: dotted;
}

亲自试一试

例子 2：结合 writing-mode 属性

行内方向末端边框的位置受 writing-mode 属性影响：

div {
  writing-mode: vertical-rl;
  border-inline-end-style: dotted;
}

亲自试一试

例子 3：结合 direction 属性

行内方向起始和末端边框的位置受 direction 属性影响：

div {
  direction: rtl;
  border-inline-end-style: dotted;
}

亲自试一试

CSS 语法

border-inline-end-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

属性值

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਸਪਰਸ਼ਮੰਡ ਵਿੱਚ ਦਿੱਤੇ ਅੰਕ ਇਸ ਗੁਣ ਦੇ ਪਹਿਲੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਬਰਾਉਜ਼ਰ ਦੀ ਆਈਈਐੱਸ ਰੂਪ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ。

ਸਬੰਧਤ ਪੰਨੇ

ਪ੍ਰਵਾਨਗੀ ਕਰਨਾ:CSS ਬੰਦਰ

ਹਵਾਲਾ:CSS بوردر اپریٹ

ਹਵਾਲਾ:CSS بوردر-اینلاین اپریٹ

ਹਵਾਲਾ:CSS بوردر-اینلاین-پائیلی-کامن-شکل اپریٹ

ਹਵਾਲਾ:CSS border-inline-start-style ਪ੍ਰਤੀਯੋਗਿਤਾ

ਹਵਾਲਾ:CSS بوردر-پائین-کامن-شکل اپریٹ

ਹਵਾਲਾ:CSS border-left-style ਪ੍ਰਤੀਯੋਗਿਤਾ

ਹਵਾਲਾ:CSS border-right-style ਪ੍ਰਤੀਯੋਗਿਤਾ

ਹਵਾਲਾ:CSS border-top-style ਪ੍ਰਤੀਯੋਗਿਤਾ

ਹਵਾਲਾ:CSS ڈائریکشن اٹری بیوٹ

ਹਵਾਲਾ:CSS text-orientation ਪ੍ਰਾਪਰਟੀ

ਹਵਾਲਾ:CSS writing-mode ਪ੍ਰਾਪਰਟੀ