リファレンス - SECTION (MFセクション)

概要

MF セクションに関する詳しい情報は、MF セクションを参照ください。

オプション

mf-align

MFセクションの配置箇所を指定します。

オプション

• mf-align-left (default)
• mf-align-right
• mf-align-center

<!-- MFセクションは、左寄せになります -->
<section class="mf-align-left"></section>

<!-- MFセクションは、右寄せになります -->
<section class="mf-align-right"></section>

<!-- MFセクションは、中央寄せになります -->
<section class="mf-align-center"></section>

mf-disable

MFセクション内での変換処理を行わず、コンテンツをそのまま表示する。

オプション

• mf-disable

<section class="mf-disable"></section>

mf-hide

MFセクションを非表示にし、DOM上からも削除する。

class 名

• mf-hide

<section class="mf-hide"></section>

mf-list-align

MFセクション内の<ul>リストの配置を指定する。 mf-list-col-<n> と同時に指定する。

オプション

• mf-list-align-right
• mf-list-align-left
• mf-list-align-center

<hr class="mf-hr mf-col-1" style="display: none">

// MFセクション内のULは、2列表示で右寄せになります
<section class="mf-list-col-2 mf-list-align-right"></section>

// MFセクション内のULは、2列表示で左寄せになります
<section class="mf-list-col-2 mf-list-align-left"></section>

// MFセクション内のULは、2列表示で中央寄せになります
<section class="mf-list-col-2 mf-list-align-center"></section>

mf-list-col

MFセクション内の <ul>で構成されたリストを指定された列数で横並びで配置する。

オプション

• mf-list-col-1
• mf-list-col-2
• mf-list-col-3
• mf-list-col-4
• mf-list-col-5
• mf-list-col-6

<!-- MFセクション内のULを3列で表示する -->
<section class="mf-list-col-3">
    <ul>
        <li> A </li>
        <li> B </li>
        <li> C </li>
    </ul>
</section>

レイアウト変換例

mf-list-col-nowrap

MFセクション内の<ul>要素で構成されたリストを折り返さずに横並びで配置する。

オプション

• mf-list-col-nowrap

<!-- MFセクション内のULを1行で表示する -->
<section class="mf-list-col-nowrap">
    <ul>
        <li> A </li>
        <li> B </li>
        <li> C </li>
    </ul>
</section>

mf-slider-num

MFセクション内のスライダーの表示画像数を指定した数に変更する。

オプション

• mf-slider-num-1
• mf-slider-num-2
• mf-slider-num-3
• mf-slider-num-4
• mf-slider-num-5
• mf-slider-num-6

<section class="mf-slier-num-1">
</section>

mf-slider-tile

MFセクション内のスライダーをタイル化し、指定された列数で横並び配置する。

オプション

• mf-slider-tile-1
• mf-slider-tile-2
• mf-slider-tile-3
• mf-slider-tile-4
• mf-slider-tile-5
• mf-slider-tile-6

<section class="mf-slier-tile-6">
</section>

mf-table-col

MFセクション内の<table>を指定された列数で段組みする

class 名

• mf-table-col-1
• mf-table-col-2
• mf-table-col-3

<section class="mf-table-col-3">
</section>