【墨田区・曳舟駅徒歩1分】初心者に特化したフィットネス&ボクシングスタジオ – Neutral/ニュートラル

※タグテスト

  • HOME »
  • ※タグテスト

ボタン

ボタン

ボタン

 

文章を書くときにタイトル(大見出し)、リードテキスト(全文)、本文の順にかいたりしますが、このリードテキスト用のクラスです。本文よりも文字サイズが大きくなります。

 

枠が装飾されます。

 

クラス名ではありませんが、<blockquote>で文章を囲むと、枠が装飾されます。


class=”resImage-mobile”

imgタグに class=”resImage-mobile” クラスを設定する事によって、画面サイズが小さい場合に画像ファイルを切り替える事が出来ます。
モバイル用の画像は、通常の画像のファイル名の末尾に _mobile を追加します。
※画像は「PC、タブレットサイズ用」と「モバイル用」の2種類用意する必要があります。
sample.jpg ・・・ PC、タブレットサイズ用画像
sample_mobile.jpg ・・・ モバイル用画像

class=”show-mobile-tab”

class=”show-mobile-tab”クラスを設定したタグの中の要素が、モバイル、タブレットサイズ以下の場合は表示されます。

class=”show-tab-full”

class=”show-tab-full”クラスを設定したタグの中の要素が、タブレットサイズ以下の場合は非表示になり、タブレットサイズ以上の場合は表示されます。

class=”show-full-only”

class=”show-full-only”クラスを設定したタグの中の要素が、画面サイズが小さい場合(966px以下)は非表示になり、画面サイズが大きい場合(967px以上)は表示されます。

class=”resImgTxtChange-mobile-tab”

画像にaltタグを入力して、class=”resImgTxtChange-mobile-tab”クラスを設定すると、画面が狭い場合は、画像ではなくaltテキストを表示します。

class=”resImgTxtChange-mobile-only”

画像にaltタグを入力して、class=”resImgTxtChange-mobile-only”クラスを設定すると、画面がモバイルサイズ以下の場合は、画像ではなくaltテキストを表示します。

class=”txtBr-full-only”

文字数の長い文章の場合、読みやすいように読点などの任意の場所で改行したい。でも読点で強制改行してしまうとスマートフォンで見た時に、無駄な改行が入っていておかしい。
そんな問題を解消します。改行したい場所から後ろを、たとえば
○○
で囲います。
※spanなどのインライン要素で囲ってください。

class=”mobile-block”

table class=”mobile-block” を指定すると、画面が狭い場合に縦積みのテーブルになります。
ただし、thead無しの横2列までの表での有効です。横のセルが多かったりすると意味がわからなくなります。

お気軽にお問い合わせください TEL 03-5655-0883 受付時間 平日:14:00 - 23:00
土・日・祝日:9:00~17:00

 

 

 

関連リンク

あかり整骨院
PAGETOP
Copyright © ©2017 NEUTRAL All Rights Reserved.
Powered by WordPress & BizVektor Theme by Vektor,Inc. technology.