@【部品】カードリスト
@【部品】カードリスト
サブタイトルは13文字で切り上げになる。
サブタイトルは13文字・本文テキストは52文字で切り上げられる。52文字を超える部分は「…」に置き換えて表示される。
サブタイトルを2行以上にする場合は <em> ~ </em> に置き換える
ここのテキスト量はオーバーしないように調整する。
サブタイトル
サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。
サブタイトル
サブタイトルのcssに「text-align:center; text-align-last:center;」を付けた場合
★ URLリンクを有効にする
このセレクタのCSSを「pointer-events:auto」に変更。aタグが有効になりページ遷移できるようになる。
★ LightBoxを有効化
このセレクタのCSSを「pointer-events:auto」に変更後、このHTMLコードを参考に対象オブジェクトのHTMLコードを変更する。
サブタイトルは13文字で切り上げになる。
サブタイトルは13文字・本文テキストは52文字で切り上げられる。52文字を超える部分は「…」に置き換えて表示される。
サブタイトルを2行以上にする場合は <em> ~ </em> に置き換える
ここのテキスト量はオーバーしないように調整する。
サブタイトル
サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。
サブタイトル
サブタイトルのcssに「text-align:center; text-align-last:center;」を付けた場合
★ URLリンクを有効にする
このセレクタのCSSを「pointer-events:auto」に変更。aタグが有効になりページ遷移できるようになる。
★ LightBoxを有効化
このセレクタのCSSを「pointer-events:auto」に変更後、このHTMLコードを参考に対象オブジェクトのHTMLコードを変更する。
サブタイトルは23文字で切り上げになる。
サブタイトルは23文字・本文テキストは29文字で切り上げられる。29文字を超える部分は「…」に置き換えて表示される。
2行表示は <em> ~ </em> に置き換える
ここのテキスト量はオーバーしないように調整する。
サブタイトル
サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。
サブタイトル
サブタイトルのcssに「text-align:center; text-align-last:center;」を付けた場合
★ URLリンクを有効にする
このセレクタのCSSを「pointer-events:auto」に変更。aタグが有効になりページ遷移できるようになる。
★ LightBoxを有効化
このセレクタのCSSを「pointer-events:auto」に変更後、このHTMLコードを参考に対象オブジェクトのHTMLコードを変更する。
サブタイトルは13文字で切り上げになる。
サブタイトルは13文字・本文テキストは52文字で切り上げられる。52文字を超える部分は「…」に置き換えて表示される。
サブタイトルを2行以上にする場合は <em> ~ </em> に置き換える
ここのテキスト量はオーバーしないように調整する。
サブタイトル
サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。
サブタイトル
サブタイトルのcssに「text-align:center; text-align-last:center;」を付けた場合
★ URLリンクを有効にする
このセレクタのCSSを「pointer-events:auto」に変更。aタグが有効になりページ遷移できるようになる。
★ LightBoxを有効化
このセレクタのCSSを「pointer-events:auto」に変更後、このHTMLコードを参考に対象オブジェクトのHTMLコードを変更する。
サブタイトルは13文字で切り上げになる。
サブタイトルは13文字・本文テキストは52文字で切り上げられる。52文字を超える部分は「…」に置き換えて表示される。
サブタイトルを2行以上にする場合は <em> ~ </em> に置き換える
ここのテキスト量はオーバーしないように調整する。
サブタイトル
サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。
サブタイトル
サブタイトルのcssに「text-align:center; text-align-last:center;」を付けた場合
★ URLリンクを有効にする
このセレクタのCSSを「pointer-events:auto」に変更。aタグが有効になりページ遷移できるようになる。
★ LightBoxを有効化
このセレクタのCSSを「pointer-events:auto」に変更後、このHTMLコードを参考に対象オブジェクトのHTMLコードを変更する。
サブタイトルは23文字で切り上げになる。
サブタイトルは23文字・本文テキストは29文字で切り上げられる。29文字を超える部分は「…」に置き換えて表示される。
2行表示は <em> ~ </em> に置き換える
ここのテキスト量はオーバーしないように調整する。
サブタイトル
サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。
サブタイトル
サブタイトルのcssに「text-align:center; text-align-last:center;」を付けた場合
★ URLリンクを有効にする
このセレクタのCSSを「pointer-events:auto」に変更。aタグが有効になりページ遷移できるようになる。
★ LightBoxを有効化
このセレクタのCSSを「pointer-events:auto」に変更後、このHTMLコードを参考に対象オブジェクトのHTMLコードを変更する。
サブタイトルは13文字で切り上げになる。
サブタイトルは13文字・本文テキストは52文字で切り上げられる。52文字を超える部分は「…」に置き換えて表示される。
サブタイトルを2行以上にする場合は <em> ~ </em> に置き換える
ここのテキスト量はオーバーしないように調整する。
サブタイトル
サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。
サブタイトル
サブタイトルのcssに「text-align:center; text-align-last:center;」を付けた場合
★ URLリンクを有効にする
このセレクタのCSSを「pointer-events:auto」に変更。aタグが有効になりページ遷移できるようになる。
★ LightBoxを有効化
このセレクタのCSSを「pointer-events:auto」に変更後、このHTMLコードを参考に対象オブジェクトのHTMLコードを変更する。
サブタイトルは13文字で切り上げになる。
サブタイトルは13文字・本文テキストは52文字で切り上げられる。52文字を超える部分は「…」に置き換えて表示される。
サブタイトルを2行以上にする場合は <em> ~ </em> に置き換える
ここのテキスト量はオーバーしないように調整する。
サブタイトル
サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。
サブタイトル
サブタイトルのcssに「text-align:center; text-align-last:center;」を付けた場合
★ URLリンクを有効にする
このセレクタのCSSを「pointer-events:auto」に変更。aタグが有効になりページ遷移できるようになる。
★ LightBoxを有効化
このセレクタのCSSを「pointer-events:auto」に変更後、このHTMLコードを参考に対象オブジェクトのHTMLコードを変更する。
サブタイトルは23文字で切り上げになる。
サブタイトルは23文字・本文テキストは29文字で切り上げられる。29文字を超える部分は「…」に置き換えて表示される。
2行表示は <em> ~ </em> に置き換える
ここのテキスト量はオーバーしないように調整する。
サブタイトル
サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。サンプルテキストです。
サブタイトル
サブタイトルのcssに「text-align:center; text-align-last:center;」を付けた場合
★ URLリンクを有効にする
このセレクタのCSSを「pointer-events:auto」に変更。aタグが有効になりページ遷移できるようになる。
★ LightBoxを有効化
このセレクタのCSSを「pointer-events:auto」に変更後、このHTMLコードを参考に対象オブジェクトのHTMLコードを変更する。