CSS

デジタル

アイコンを右下に固定する方法

HTMLでアイコンや文字列などを右下に固定する方法です。
Tool

タグだけで整形するCSSを試せる「NoClassCSS」

BootstrapやBULMAなどを使うとCSSを指定するだけでキレイなウェブサイトを作ることができます。しかしタグにclassを設定する必要があり、これが結構面倒です。調べるとclassを設定せずタグだけでキレイにしてくれるCSSがありま...
デジタル

長い文字列を省略して表示する方法

HTMLで長い文字列を右端で切って省略して表示する方法です。下の図のように長い文字列を切って右端に省略記号を付けます。
デジタル

CSSだけでツールチップを実現する方法

ツールチップが必要になったので最も簡単な方法をまとめました。「ホバー(hover)」は「空中に停止する」という意味です。ヘリコプターのホバリングはこの意味です。ホバークラフトも同様です。ウェブページではマウスカーソルが文字や図形の上にある状...
デジタル

jQueryのcssで得られる色情報はブラウザによって違う

jQueryでstyleで指定したフォントの色に関する情報は次のようにして得られます。
デジタル

HTMLでリストを横に並べる

HTMLで<li>を使ってリストを作ると縦に並びますが、これを横に並べる方法です。CSSul{margin:0px;padding:0px;}li{display:block;float:left;width:100px;}HTML リスト...