课程表

Kai tsayin CSS

CSS 属性

选修课

课程推荐：

CodeW3C.com ọpọlọ

Hausa: CSS border-start-end-radius attribute

Ọ̀wọ́ kẹ́yìn border-spacing
Ọ̀wọ́ kejì border-start-start-radius

定义和用法

border-start-end-radius 属性用于定义元素块方向起始处（block-start）和行内方向末尾（inline-end）之间的圆角半径。

注意：相关的 CSS 属性 writing-mode,text-orientation da direction 定义了块方向和行内方向。这就是为什么这些属性也会影响 border-start-end-radius 属性的结果。对于英文页面，行内方向是从左到右，块方向是向下。

如果 border-start-end-radius 属性有两个值，则圆角将是一个椭圆：

border-start-end-radius: 50px 100px;

如果 border-start-end-radius 属性有一个值，则圆角将是一个圆形：

border-start-end-radius: 50px;

CSS border-start-end-radius 属性与 border-bottom-left-radius,border-bottom-right-radius,border-top-left-radius da border-top-right-radius Dukansu suna da nau'in, amma border-start-end-radius Tsaɓa yana ba da kwayar da ke cikin nau'in ɗan kwayar ɗaya. Neman:

Shafi

Ɗaruruwa 1

Yanɗin kwaya na farko na nau'in da ke cikin ɗauki na farko na nau'in da ke cikin nau'in da ke cikin abin. Neman:

#example1 {
  background-color: lightblue;
  border-start-end-radius: 50px;
}
#example2 {
  background-color: lightblue;
  border-start-end-radius: 50px 20px;
}
#example3 {
  background-color: lightblue;
  border-start-end-radius: 50%;
direction: rtl;
}
#example4 {
  background-color: lightblue;
  border-start-end-radius: 50%;
  writing-mode: vertical-rl;
}

Sai yaƙi:

Ɗaruruwa 2: Tsuntsaye kan direction nau'in

Farko na nau'in ɗan kwayar ɗaya a cikin ɗauki na abin da ke cikin nau'in da ke cikin abin. Neman: direction Daukar kwayar:

#example1 {
  border: 2px solid red;
  direction: rtl;
  border-start-end-radius: 25px;
}

Sai yaƙi:

Ɗaruruwa 3: Tsuntsaye kan writing-mode nau'in

Farko na nau'in ɗan kwayar ɗaya a cikin ɗauki na abin da ke cikin nau'in da ke cikin abin. Neman: writing-mode Daukar kwayar:

#example2 {
  border: 2px solid red;
  writing-mode: vertical-rl;
  border-start-end-radius: 25px;
}

Sai yaƙi:

Gonjawa CSS

border-start-end-radius: 0|length|initial|inherit;

Wurin nau'in

Wurin	Yanɗin
0	Mai ɗauki:
length	Yanɗin kwaya na farko na ɗan kwayar ɗaya a cikin ɗauki na ɗan kwayar ɗaya na abin da ke cikin abin. Neman:CSS units.
%	Yanɗin kwaya na ɗan kwayar ɗaya a cikin ɗauki na tsaɓa na abin. Neman:
initial	Tsaɓa wannan nau'in zuwa ɗauki a yau. Neman: initial.
inherit	Dukansu daga ɗan ɗaya a cikin abin tsaɓa. Neman: inherit.