ボタンにFont Awesomeのアイコンを表示（設定）する [CSSフレームワーク Bulma]
Bulmaのbuttonクラスで作成するボタンでは、Font Awesomeで提供されているアイコンを埋め込むこともできます。 ...
「スタイルシート」一覧
様々な状態を表すボタンを作成する [CSSフレームワーク Bulma]
BulmaではHTML標準のボタンとは異なる見た目のボタンを簡単に配置することができます。 Bulmaのクラスを利用し...
スタイルを変更したボタンを作成する [CSSフレームワーク Bulma]
Bulmaのボタンクラスを使用するとWebページに簡単にボタンを配置することができます。 以前の記事では、ボタンのカラ...
様々なサイズのボタンを作成する [CSSフレームワーク Bulma]
Bulmaのボタンクラスを使用するとWebページに簡単にボタンを配置することができます。 前回の記事では、ボタンのカラ...
様々な色のカラーボタンを作成する [CSSフレームワーク Bulma]
本ブログでは、以前にBulmaのbuttonクラスを使用することで、簡単にフラットなスタイルのボタンを配置することができることをご紹...
Bulmaのボタン Button [CSSフレームワーク]
Webフォームのデザインでは、ボタンは欠かせない要素です。 ユーザーに何らかの動作を確定、またはキャンセルさせるためにはボタン...
Bulmaのボックス Box [CSSフレームワーク]
Webページをレイアウトしていると、いくつかの要素の集まりを1つのボックスにまとめて配置したい場合があります。 Bulmaには...
Bulmaのブロック Block [CSSフレームワーク]
Webページをレイアウトしていると、適度なスペース（マージン）を確保した領域を配置したい場合があります。 Bulmaには、コン...
Bootstrap 本文中に使える体裁（タイポグラフィ）
CSSフレームワークのBootstrapには文章を装飾するためのスタイルが用意されています。 今回は、本文中の体裁を装飾するのに使えるスタ...
Bulmaのグリッドシステム（columns）のオプション [CSSフレームワーク]
CSSフレームワークのBulmaには、Bootstrapのグリッドシステムと同じように、コンテンツを網目状の升目に配置して、Webサ...
Bootstrapの見出し（ヘッダー要素 h1～h6）
CSSフレームワークのBootstrapを使った見出し（ヘッダー）のスタイルを紹介します。 BootstrapはTwitter社が開発...
Bulmaのグリッドシステム（columns）の列（column）の余白（Gap）を設定する [CSSフレームワーク]
CSSフレームワークのBulmaには、HTMLの要素をグリッド状に配置するためのクラスが用意されています。 Bulmaでグリッ...
Bulmaのグリッドシステム（columns）をレスポンシブWebデザインに対応させる [CSSフレームワーク]
CSSフレームワークのBulmaには、Bootstrapのグリッドシステムと同じように、コンテンツを網目状の升目に配置して、Webサ...
Bulmaのグリッドシステム（columns）列のサイズ指定 [CSSフレームワーク]
前回に引き続き、CSSフレームワークのBulmaを使ったグリッドシステムの使い方について記載します。 前回は、Bulmaのco...
Bulmaのグリッドシステム（columns）の基礎 [CSSフレームワーク]
CSSフレームワークのBulmaにはBootstrapと同様に、要素をグリッドのように格子状に配置するための仕組みが用意されています...