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

スタイルパーツとは?

スタイルパーツとは

htmlタグ内時にクラス名(装飾パーツ名)を入力するだけで、
背景色や罫線をつけることができことができる装飾指定集です。

「coreblo-cms」はレイアウト・装飾のほとんどを「スタイルシート(以下CSS)」でコントロールしています。
ユーザオリジナルのCSSを追加できるようになっていますが、CSSの知識がないユーザでも記事ブロック内で利用していただけるように、段落・リスト・テーブルなどの基本的な装飾パーツをご用意いたしました。
記事ページ登録の記事内容入力フィールドに「html形式入力」で入力する際、htmlタグ内に指定の「クラス名」(装飾パーツ名)を入れていただくだけで背景色や罫線などの装飾をご利用いただけます。スタイルパーツは「coreblo-cms」専用の装飾指定集です。

スタイルパーツの種類

区切り線パーツ
種類 説明 サンプル
実線1pixel 太さ1pxel/実線の罫線を挿入できます。
実線2pixel 太さ2pxel/実線の罫線を挿入できます。
実線5pixel 太さ5pxel/実線の罫線を挿入できます。
点線1pixel 太さ1pxel/点線の罫線を挿入できます。
点線2pixel 太さ2pxel/点線の罫線を挿入できます。
点線5pixel 太さ5pxel/点線の罫線を挿入できます。
点線(画像)1pixel 太さ1pxel/点線(画像)の罫線を挿入できます。
ボックスパーツ
種類 説明 サンプル
背景色 指定した範囲に背景色をつけることができます。

スタイルパーツのサンプル

罫線1pixel 指定した範囲を1pixelの罫線で囲むことができます。

スタイルパーツのサンプル

罫線2pixel 指定した範囲を2pixelの罫線で囲むことができます。

スタイルパーツのサンプル

罫線1pixel+背景色 指定した範囲に背景色をつけることができます。

スタイルパーツのサンプル

角丸ボックス 角丸の半径と上記背景色との組み合わせて、指定した範囲を角丸ボックスで囲むことができます。
※ページの背景色が白の場合のみ使用可能です。
スタイルパーツのサンプル
リストパーツ
種類 説明 サンプル
基本マーカー リストに「数字」や「アルファベット」などのマーカーを指定することができます。
  • スタイルパーツ
  • サンプル
  • マーカーの指定
矢印マーカー(1) リストに矢印の画像マーカーを指定することができます。
  • スタイルパーツ
  • サンプル
  • マーカーの指定
矢印マーカー(2) リストに矢印の画像マーカーを指定することができます。
  • スタイルパーツ
  • サンプル
  • マーカーの指定
テーブルパーツ
種類 説明 サンプル
透明テーブル 背景色も罫線もないテーブルです。
画像を隙間なく配置したい時などに有効です。
色・罫線付(単色1) 罫線がグレーの1pixel、見出しに薄背景色、偶数行に薄背景色がついたテーブルです。
日付 会場
7/4 ホールB
8/19 ホールC
9/5 ホールA
色・罫線付(単色2) 罫線がグレーの1pixel、見出しに濃背景色、偶数行に薄背景色がついたテーブルです。
日付 会場
7/4 ホールB
8/19 ホールC
9/5 ホールA
色・罫線付
(グラデーション1)
罫線がグレーの1pixel、見出しにグラデーション背景画像、偶数行に薄背景色がついたテーブルです。
日付 会場
7/4 ホールB
8/19 ホールC
9/5 ホールA
色・罫線付
(グラデーション2)
罫線がグレーの1pixel、見出しにグラデーション背景画像、偶数行に薄背景色がついたテーブルです。
日付 会場
7/4 ホールB
8/19 ホールC
9/5 ホールA
色・罫線付
(グラデーション3)
罫線がグレーの1pixel、見出しにグラデーション背景画像、偶数行に薄背景色がついたテーブルです。
日付 会場
7/4 ホールB
8/19 ホールC
9/5 ホールA
色・罫線付
(グラデーション4)
罫線がグレーの1pixel、見出しにグラデーション背景画像、偶数行に薄背景色がついたテーブルです。
日付 会場
7/4 ホールB
8/19 ホールC
9/5 ホールA
アイコンパーツ
種類 説明 サンプル
矢印アイコン(1) 指定した範囲の先頭に矢印のアイコンをつけることができます。

スタイルパーツのサンプル

矢印アイコン(2) 指定した範囲の先頭に矢印のアイコンをつけることができます。

スタイルパーツのサンプル

いろいろ その他のアイコン指定集

スタイルパーツのサンプル

その他のパーツ
種類 説明 サンプル
マージン(外余白) 対象のマージン(外余白)を調節することができます。

スタイルパーツのサンプル

パディング(内余白) 対象のパディング(内余白)を調節することができます。

スタイルパーツのサンプル

幅指定 対象の幅を指定することができます。

スタイルパーツのサンプル

高さ指定 対象の高さを指定することができます。

スタイルパーツのサンプル

[スタイルシート(CSS)]とは?
page top