こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

くの字点のcss

以下をcssにしてくの字点を出す方法を教えてください

<span style="display:inline-block; line-height:1em; vertical-align:middle; -ms-writing-mode: rl-tb; -webkit-writing-mode: horizontal-tb; writing-mode: horizontal-tb; layout-flow:horizontal; text-orientation:upright; -webkit-text-orientation:upright;"><span style="display:block">〳</span><span style="display:block">〵</span></span>

投稿日時 - 2018-08-09 00:45:38

QNo.9525884

困ってます

質問者が選んだベストアンサー

/* CSS */
.kunoji {
display: inline-block;
layout-flow: horizontal;
line-height: 100%;
text-orientation: upright;
vertical-align: middle;
writing-mode: horizontal-tb;
}
.kunoji:before,
.kunoji:after {
display: block;
}
.kunoji:before {
content: '\3033';
}
.kunoji:after {
content: '\3035';
}

/* HTML */
<span class="kunoji"></span>

P.S.
多分、こういう事でしょうか?ベンダープレフィックスが必要な場合は適当に追記修正してください。

投稿日時 - 2018-08-09 17:05:56

お礼

ありがとうございました。

投稿日時 - 2018-08-09 19:38:30

ANo.2

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

そのCSSでできているようですが、何を知りたいのでしょう。

https://codepen.io/anon/pen/gjQzBq

投稿日時 - 2018-08-09 15:11:01

お礼

ありがとうございました。

投稿日時 - 2018-08-09 19:37:55

あなたにオススメの質問