回答編集履歴
3
ミスがあったため修正。
answer
CHANGED
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
border-color: orange; /* ADD */
|
|
16
16
|
/*color: orange; *//* これでも反映するが、文字もorangeに。 */
|
|
17
17
|
}
|
|
18
|
-
```**動くサンプル：**[https://jsfiddle.net/gb81Lumw/](https://jsfiddle.net/gb81Lumw/)
|
|
18
|
+
```**動くサンプル：**[https://jsfiddle.net/gb81Lumw/1/](https://jsfiddle.net/gb81Lumw/1/)
|
2
情報の追加。
answer
CHANGED
|
@@ -3,4 +3,16 @@
|
|
|
3
3
|
.color::before {
|
|
4
4
|
border-right-color: orange;
|
|
5
5
|
}
|
|
6
|
-
```
|
|
6
|
+
```
|
|
7
|
+
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
`inherit`を使うなら。
|
|
11
|
+
|
|
12
|
+
```CSS
|
|
13
|
+
.color {
|
|
14
|
+
background-color: orange;
|
|
15
|
+
border-color: orange; /* ADD */
|
|
16
|
+
/*color: orange; *//* これでも反映するが、文字もorangeに。 */
|
|
17
|
+
}
|
|
18
|
+
```**動くサンプル：**[https://jsfiddle.net/gb81Lumw/](https://jsfiddle.net/gb81Lumw/)
|
1
ミスがあったため修正。
answer
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
background-colorはborder-colorに継承しないと思いますよ。
|
|
2
2
|
```CSS
|
|
3
3
|
.color::before {
|
|
4
|
-
border-right-color:
|
|
4
|
+
border-right-color: orange;
|
|
5
5
|
}
|
|
6
6
|
```
|