• 文字サイズ
  • 文字サイズ[小]
  • 文字サイズ[中]
  • 文字サイズ[大]

区切り線パーツ

区切り線パーツ -- 実線5pixel --

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

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

使い方

■原文

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


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

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

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


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

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

装飾パターンとタグ記述

■グレー(1) 表記:<span class="sps5_gl01 mgtb10"></span>

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


■グレー(2) 表記:<span class="sps5_gl02 mgtb10"></span>

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


■グレー(3) 表記:<span class="sps5_gl03 mgtb10"></span>

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


■グレー(4) 表記:<span class="sps5_gl04 mgtb10"></span>

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


■グレー(5) 表記:<span class="sps5_gl05 mgtb10"></span>

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


■ブラック 表記:<span class="sps5_bk mgtb10"></span>

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


■イエロー(1) 表記:<span class="sps5_yl01 mgtb10"></span>

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


■イエロー(2) 表記:<span class="sps5_yl02 mgtb10"></span>

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


■オレンジ(1) 表記:<span class="sps5_or01 mgtb10"></span>

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


■オレンジ(2) 表記:<span class="sps5_or02 mgtb10"></span>

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


■オレンジ(3) 表記:<span class="sps5_or03 mgtb10"></span>

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


■ピンク 表記:<span class="sps5_pi mgtb10"></span>

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


■レッド(1) 表記:<span class="sps5_re01 mgtb10"></span>

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


■レッド(2) 表記:<span class="sps5_re02 mgtb10"></span>

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


■パープル(1) 表記:<span class="sps5_pp01 mgtb10"></span>

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


■パープル(2) 表記:<span class="sps5_pp02 mgtb10"></span>

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


■ブルー(1) 表記:<span class="sps5_bl01 mgtb10"></span>

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


■ブルー(2) 表記:<span class="sps5_bl02 mgtb10"></span>

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


■ブルー(3) 表記:<span class="sps5_bl03 mgtb10"></span>

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


■ブルー(4) 表記:<span class="sps5_bl04 mgtb10"></span>

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


■グリーン(1) 表記:<span class="sps5_gr01 mgtb10"></span>

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


■グリーン(2) 表記:<span class="sps5_gr02 mgtb10"></span>

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


■グリーン(3) 表記:<span class="sps5_gr03 mgtb10"></span>

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


■カーキ(1) 表記:<span class="sps5_kh01 mgtb10"></span>

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


■カーキ(2) 表記:<span class="sps5_kh02 mgtb10"></span>

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


■えんじ(1) 表記:<span class="sps5_en01 mgtb10"></span>

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


■えんじ(2) 表記:<span class="sps5_en02 mgtb10"></span>

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


■ブルーグレイ(1) 表記:<span class="sps5_bg01 mgtb10"></span>

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


■ブルーグレイ(2) 表記:<span class="sps5_bg02 mgtb10"></span>

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


■ブルーグレイ(3) 表記:<span class="sps5_bg03 mgtb10"></span>

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


■サーモン(1) 表記:<span class="sps5_sm01 mgtb10"></span>

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


■インディゴ(1) 表記:<span class="sps5_id01 mgtb10"></span>

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

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

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

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

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

このパーツのCSSサンプル

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

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