商品詳細 No.1 タイトル
タブ1のコンテンツです。これはダミーテキストです
サイズ表(table要素)
Size S |
これはダミーテキストです |
Size M |
これはダミーテキストです |
Size L |
これはダミーテキストです |
Size XL |
これはダミーテキストです |
サイズ表(dl要素)
- Size S
- これはダミーテキストです
- Size M
- これはダミーテキストです
- Size L
- これはダミーテキストです
- Size XL
- これはダミーテキストです
サイズ表(dl要素レスポンシブ-スマホ時はdtとddを改行して表示)
- Size S
- これはダミーテキストです
- Size M
- これはダミーテキストです
- Size L
- これはダミーテキストです
- Size XL
- これはダミーテキストです
以下は、箇条書きスタイルのサンプルです。
- リストマークが「・」になる注意書き・箇条書きテキストです(ベーシック)。dl要素にclass「ec-list」を付ける事でスタイリングされます。dd要素テキストは改行されてもリストマークの1文字分は字下げされます。
- これはdd要素です。これはダミーテキストです
- これはdd要素です。これはダミーテキストです
- リストマークが「※」になる注意書き・箇条書きテキストです。dl要素にclass「ec-list-rice」を付ける事でスタイリングされます。dd要素テキストは改行されてもリストマークの1文字分は字下げされます。
- これはdd要素です。これはダミーテキストです
- これはdd要素です。これはダミーテキストです
- リストマークが「●」になる注意書き・箇条書きテキストです。dl要素にclass「ec-list-disc」を付ける事でスタイリングされます。dd要素テキストは改行されてもリストマークの1文字分は字下げされます。
- これはdd要素です。これはダミーテキストです
- これはdd要素です。これはダミーテキストです
- リストマークが連番表示になる注意書き・箇条書きテキストです。dl要素にclass「ec-list-decimal」を付ける事でスタイリングされます。dd要素テキストは改行されてもリストマークの1文字分は字下げされます。
- これはdd要素です。これはダミーテキストです
- これはdd要素です。これはダミーテキストです
- リストマークにアイコン(キャレット)を用いた注意書き・箇条書きテキストです。dl要素にclass「ec-list-icon」を付ける事でスタイリングされます。dd要素テキストは改行されてもリストマークの1文字分は字下げされます。
- これはdd要素です。これはダミーテキストです
- これはdd要素です。これはダミーテキストです