Mabaki ya kifungo cha kina cha CSS
- Page ya Kuzungumza Mabaki ya kifungo cha CSS
- Page ya Kuzingatia Mabaki ya kifungo cha kina cha CSS ya kusababisha
CSS 边框 - 单独的边
从上一章的例子中，您已经看到可以为每一侧指定不同的边框。
在 CSS 中，还有一些属性可用于指定每个边框（顶部、右侧、底部和左侧）：
Mfano
p {
border-top-style: dotted;
border-right-style: solid;
border-bottom-style: dotted;
border-left-style: solid;
}
结果：
不同的边框样式
不同的边框样式
上例的结果与此相同：
Mfano
p {
border-style: dotted solid;
}
它的工作原理是这样的：
Kama border-style 属性设置四个值：
border-style: dotted solid double dashed;
- 上边框是虚线
- 右边框是实线
- Chumba cha kina hali ya kifungu cha mawingu
- 左边框是虚线
Kama border-style 属性设置三个值：
border-style: dotted solid double;
- 上边框是虚线
- Mabara ya kushoto na kushoto ni mafanikio
- Chumba cha kina hali ya kifungu cha mawingu
Kama border-style Mwili wa kumtaarifu chaguo mbili:
border-style: dotted solid;
- Mabara ya kimoja na kishoto ni mafanikio
- Mabara ya kushoto na kushoto ni mafanikio
Kama border-style Mwili wa kumtaarifu chaguo kimoja:
border-style: dotted;
- Mabara ya miamba wote ni mafanikio
Mfano
/* Chaguo nne */
p {
border-style: dotted solid double dashed;
}
/* Chaguo tatu */
p {
border-style: dotted solid double;
}
/* Chaguo mbili */
p {
border-style: dotted solid;
}
/* Chaguo kimoja */
p {
border-style: dotted;
}
Kina cha matokeo hii inatumiwa border-style Mwili wa. Butiwe ya border-width na border-color Hivyo pia inatumiwa.
- Page ya Kuzungumza Mabaki ya kifungo cha CSS
- Page ya Kuzingatia Mabaki ya kifungo cha kina cha CSS ya kusababisha
