ツールチップ 純粋な CSS で作成されたツールチップ (CSS_html/css_WEB-ITnose のみ)

例

バブルの方向: 上、下、左、右

<button data-tooltips="向上提示" data-tooltips-pos="up">向上提示</button>

<button data-tooltips="向左提示" data-tooltips-pos="left">向左提示</button>

<button data-tooltips="向右提示" data-tooltips-pos="right">向右提示</button>

<button data-tooltips="向下提示" data-tooltips-pos="down">向下提示</button>

バブルの長さ: 小、中、大、要素に適した幅

<button data-tooltips-length="small" data-tooltips="我是小提示" data-tooltips-pos="up">我是小提示</button>

<button data-tooltips-length="medium" data-tooltips="我是中等提示" data-tooltips-pos="up">我是中等提示</button>

<button data-tooltips-length="large" data-tooltips="我是大提示" data-tooltips-pos="up">我是大提示</button>

<button data-tooltips-length="xlarge" data-tooltips="我是一个超大的提示" data-tooltips-pos="up">我是一个超大的提示</button>

<button data-tooltips-length="fit" data-tooltips="宽度适合于元素提示" data-balloon-pos="up">宽度适合于元素提示</button>