テキストエディターに罫線
Elementor の テキストエディターに横の罫線を入れるには、
.elementor-widget-text-editor {
background-image:
repeating-linear-gradient(
#eee ,
#eee 1px,
#ffffff00 1px,
#ffffff00 32px
);
}
罫線の間に文字を入れるには間隔を考えれば良いことになる。
CSS側の間隔が32px に設定したのであれば、本文の文字間隔も 32px にすれば良い。
簡単な説明
.elementor-widget-text
Elementor で使用する テキストエディター ウィジェットの CSS クラスです。
repeating-linear-gradient
角度 デフォルト 180度なので省略 (ex : 180deg)
#eee , #eee 1px , – 始点から1px地点までを #eee にする。
#ffffff00 1px , #ffffff00 32px , – 1pxから32px地点までを #ffffff00 にする。
#eee 薄いグレー色
#ffffff00 白の透明