teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問Wordpress上において、CSSのpadding-bottomが効かない（Unknown Property name)

編集履歴

質問編集履歴

12

誤字修正

2019/05/04 15:26

投稿

aroe3721
aroe3721

スコア11

test CHANGED
File without changes
test CHANGED
@@ -38,14 +38,6 @@
38
38
 
39
39
 
40
40
 
41
- ##追記
42
-
43
- エディタ内でのunknown propertyエラーはスペースをいじったところ消えました。
44
-
45
- しかし、デベロッパーツール上の「Unknown　property name」のエラーは変わりません。
46
-
47
-
48
-
49
41
  ```CSS
50
42
 
51
43
  .single ul, .single ol {

11

追記

2019/05/04 15:26

投稿

aroe3721
aroe3721

スコア11

test CHANGED
@@ -1 +1 @@
1
- Wordpress上において、CSSのpadding-bottomが効かない（Unknown Property)
1
+ Wordpress上において、CSSのpadding-bottomが効かない（Unknown Property name)
test CHANGED
@@ -24,7 +24,25 @@
24
24
 
25
25
 
26
26
 
27
+ ##追記
28
+
29
+ エディタ内でのunknown propertyエラーはスペースをいじったところ消えました。
30
+
31
+ しかし、デベロッパーツール上の「Unknown　property name」のエラーは変わりません。
32
+
33
+ ![イメージ説明](14b8a68ef45bd4ba472d52f0f895e3e4.png)
34
+
35
+
36
+
27
37
  ※上記デベロッパーツール上からpadding-topのチェックを一度外すと、△マークのpadding-bottomもチェックできるようになり、チェックを入れるとデペロッパーツール上は表示が問題なく反映されます。それならば、いざ、CSSをエディターから修正！しようとすると、unknown property（画像３参照）となっており、修正できないのが今回の本質かと思っています。（検討違いであればご指摘下さい）
38
+
39
+
40
+
41
+ ##追記
42
+
43
+ エディタ内でのunknown propertyエラーはスペースをいじったところ消えました。
44
+
45
+ しかし、デベロッパーツール上の「Unknown　property name」のエラーは変わりません。
28
46
 
29
47
 
30
48
 
@@ -44,7 +62,7 @@
44
62
 
45
63
  ```
46
64
 
47
- 画像３（エディター内）
65
+ 画像３（エディター内） ※追記　解消しました！
48
66
 
49
67
  ![イメージ説明](693e7c5410c03ab4df0a043a0483ec44.png)
50
68
 

10

HTMLのコード追記

2019/05/04 15:26

投稿

aroe3721
aroe3721

スコア11

test CHANGED
File without changes
test CHANGED
@@ -50,6 +50,18 @@
50
50
 
51
51
 
52
52
 
53
+ 記事内のHTML
54
+
55
+
56
+
57
+ ```html
58
+
59
+ <ol><a href="https://twitter.com/*********">・Twitter</a></ol>
60
+
61
+ ```
62
+
63
+
64
+
53
65
  Unknown Property の改善方法についてご教示いただきたく存じます。
54
66
 
55
67
  よろしくお願いいたします。

9

追記

2019/05/04 15:11

投稿

aroe3721
aroe3721

スコア11

test CHANGED
File without changes
test CHANGED
@@ -44,7 +44,7 @@
44
44
 
45
45
  ```
46
46
 
47
- 画像３
47
+ 画像３（エディター内）
48
48
 
49
49
  ![イメージ説明](693e7c5410c03ab4df0a043a0483ec44.png)
50
50
 

8

追記

2019/05/04 15:09

投稿

aroe3721
aroe3721

スコア11

test CHANGED
File without changes
test CHANGED
@@ -24,9 +24,7 @@
24
24
 
25
25
 
26
26
 
27
- ※上記デベロッパーツール上からpadding-topのチェックを一度外すと、△マークのpadding-bottomもチェックできるようになり、チェックを入れるとデペロッパーツール上は表示が問題なく反映されます。いざ、CSSをエディターから修正！しようとしてunknown property（画像３参照）となっており、
28
-
29
- 　修正できないのが今回の本質かと思っています。（検討違いであればご指摘下さい）
27
+ ※上記デベロッパーツール上からpadding-topのチェックを一度外すと、△マークのpadding-bottomもチェックできるようになり、チェックを入れるとデペロッパーツール上は表示が問題なく反映されます。それならば、いざ、CSSをエディターから修正！しようとすると、unknown property（画像３参照）となっており、修正できないのが今回の本質かと思っています。（検討違いであればご指摘下さい）
30
28
 
31
29
 
32
30
 

7

追記

2019/05/04 15:09

投稿

aroe3721
aroe3721

スコア11

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,6 @@
1
1
  # 実現したいこと→ワードプレスで書くブログ記事の文章の中で、青い囲み線のデザインがあります。その文字が偏るため、文字を中央にしたい（偏らせたくない）
2
2
 
3
- CSSで青い囲み線のデザインを記述しているのですが、画像のように文章が偏ります。
3
+ CSSで青い囲み線のデザインを記述しているのですが、いざ記事にコードを反映すると画像のように文章が偏ります。
4
4
 
5
5
  デベロッパーツールから原因？のようなものは特定し、いざCSSを修正しようとしたところ、Unknown　Propertyというエラーメッセージが出ています。
6
6
 

6

誤字修正

2019/05/04 15:08

投稿

aroe3721
aroe3721

スコア11

test CHANGED
File without changes
test CHANGED
@@ -30,7 +30,7 @@
30
30
 
31
31
 
32
32
 
33
- ```html
33
+ ```CSS
34
34
 
35
35
  .single ul, .single ol {
36
36
 

5

誤字修正

2019/05/04 15:06

投稿

aroe3721
aroe3721

スコア11

test CHANGED
File without changes
test CHANGED
@@ -24,11 +24,9 @@
24
24
 
25
25
 
26
26
 
27
- ※上記デベロッパーツール上からpadding-topのチェックを一度外すと、△マークのpadding-bottomもチェックできるようになり、
27
+ ※上記デベロッパーツール上からpadding-topのチェックを一度外すと、△マークのpadding-bottomもチェックできるようになり、チェックを入れるとデペロッパーツール上は表示が問題なく反映されます。いざ、CSSをエディターから修正！しようとしてunknown property（画像３参照）となっており、
28
28
 
29
- 　チェックを入れるとデペロッパーツール上は表示が問題なく反映されます。いざ、CSSを修正！としようとしてもunknown propertyとなっており、
30
-
31
- 　修正できないのが今回の本質になるかと思います。（検討違いであればご指摘下さい）
29
+ 　修正できないのが今回の本質かと思っています。（検討違いであればご指摘下さい）
32
30
 
33
31
 
34
32
 

4

誤字修正

2019/05/04 14:46

投稿

aroe3721
aroe3721

スコア11

test CHANGED
@@ -1 +1 @@
1
- CSSのpadding-bottomが効かない（Unknown Property)
1
+ Wordpress上において、CSSのpadding-bottomが効かない（Unknown Property)
test CHANGED
@@ -1,4 +1,4 @@
1
- # 実現したいこと→青い囲み線の中の文字を中央にしたい（偏らせたくない）
1
+ # 実現したいこと→ワードプレスで書くブログ記事の文章の中で、青い囲み線のデザインがあります。その文字が偏るため、文字を中央にしたい（偏らせたくない）
2
2
 
3
3
  CSSで青い囲み線のデザインを記述しているのですが、画像のように文章が偏ります。
4
4
 

3

追記

2019/05/04 14:44

投稿

aroe3721
aroe3721

スコア11

test CHANGED
File without changes
test CHANGED
@@ -21,6 +21,14 @@
21
21
  デベロッパーツール上の表示
22
22
 
23
23
  ![イメージ説明](0f6f47f92fe72cbd7f586c7472614ca9.png)
24
+
25
+
26
+
27
+ ※上記デベロッパーツール上からpadding-topのチェックを一度外すと、△マークのpadding-bottomもチェックできるようになり、
28
+
29
+ 　チェックを入れるとデペロッパーツール上は表示が問題なく反映されます。いざ、CSSを修正！としようとしてもunknown propertyとなっており、
30
+
31
+ 　修正できないのが今回の本質になるかと思います。（検討違いであればご指摘下さい）
24
32
 
25
33
 
26
34
 

2

画像追加

2019/05/04 14:38

投稿

aroe3721
aroe3721

スコア11

test CHANGED
File without changes
test CHANGED
@@ -17,6 +17,10 @@
17
17
  ![イメージ説明](b44888f3936a5d929482ac78cbb04b25.png)
18
18
 
19
19
 
20
+
21
+ デベロッパーツール上の表示
22
+
23
+ ![イメージ説明](0f6f47f92fe72cbd7f586c7472614ca9.png)
20
24
 
21
25
 
22
26
 

1

誤字修正

2019/05/04 14:36

投稿

aroe3721
aroe3721

スコア11

test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  画像１（正しくない状態）
10
10
 
11
- ![![イメージ説明](36f8cca26e6cbaf1d9cab18cc1e7cb97.png)](3c4c9618a3a7580fac46773c8ef068b7.png)
11
+ ![![イメージ説明](36f8cca26e6cbaf1d9cab18cc1e7cb97.png)
12
12
 
13
13
 
14
14