区切り線を挿入することができます。

テキスト入力フォームに入力する際、下記記入例のように、テキスト内の装飾したい部分に指定のタグを挿入することで、太さ2ピクセルの区切り線を挿入することができます。

• 使い方
• ｜
• 装飾パターンとタグ記述
• ｜
• このパーツを改造する

使い方

■原文

coreblo-book(コアブロブック)とは？
「ページをめくりながら読む」という本の持つインターフェースを採用した、デジタルドキュメントを、画像を登録するという簡単な操作だけで作成できてしまう、WEBサーバー上で動作するWEBアプリケーションソフトウェアです。

■記入例 ---- ↓このように入力してください。

<strong>coreblo-book(コアブロブック)とは？</strong>
<span class="spd2_re02 mgtb10"></span>
「ページをめくりながら読む」という本の持つインターフェースを採用した、デジタルドキュメントを、画像を登録するという簡単な操作だけで作成できてしまう、WEBサーバー上で動作するWEBアプリケーションソフトウェアです。

※「mgtb10」は「対象のマージン（外余白）を上下10pixelあける」という追加指定です。　[マージンの指定]へ

■結果 ---- ↓このように表示されます。

coreblo-book(コアブロブック)とは？ 「ページをめくりながら読む」という本の持つインターフェースを採用した、デジタルドキュメントを、画像を登録するという簡単な操作だけで作成できてしまう、WEBサーバー上で動作するWEBアプリケーションソフトウェアです。

装飾パターンとタグ記述

このパーツを元にオリジナルパーツ作成する

このパーツのCSS記述をユーザーフリーエリアCSSにコピーして内容を一部変更することで、このバリエーション内に無いオリジナルパーツを作成することができます。

ユーザーフリーエリアCSSの記入方法
デザイン管理→詳細CSS設定→ユーザーフリーエリア編集をクリックすると、入力フォームのポップアップ画面が開きますので、以下の記述を貼り付けて指定部分をお好みの値に変更してください。

※クラス名（パーツの名前）に関して。
必ずクラス名（パーツの名前）を変更してください。また、名前の先頭に「u」などを付加して、既存のクラス名との重複を回避してください。クラス名が重複すると思わぬ結果になる恐れがあります。

このパーツのCSSサンプル

.パーツ名 {
height: 1px;
padding: 0px;
display: block;
font-size: 1px;
border-top: 太さpx dotted #色番号;
background: none;
}

赤文字の部分が変更対象箇所です。