• サイトマップ
  • リンク
  • 当サイトについて

ShanaBrian Website

  • トップ
  • 壁紙
  • Web素材
  • Webサイト制作支援
  • お問い合わせ
  • TOP
  •  
  • Webサイト制作支援
  •  
  • CSS3逆引き
  •  
  • CSS3によるカラム内要素の横にまたがり方

カラムで要素の横にまたがり方

  • ツイート
  • このエントリーをはてなブックマークに追加

カラム内要素の横にまたがりについて

カラムで分割されている要素で、ある子孫要素を横方向へまたがる仕方を調整するには、column-spanプロパティを使用します。
なお、またがる要素はブロック要素である必要があります。

【構文】

							column-span:値;
						

指定可能な値

値 説明 初期値
none またがりを無効 ○
all 全カラムにまたがる -

サンプル

none Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

all Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

サンプルコード

CSS

CSS3逆引きリファレンス一覧へ戻る

  • ツール

    • パスワード自動生成
    • パスワードの暗号化
    • エンティティ変換
    • URLエンコード/デコード
    • QRコード生成
    • 文字カウンター
    • 画像サイズ計算
    • 文字変換
    • ディスプレイのPPIを算出
    • CSSセレクタ―利用可否チェック
    • 画像ファイルをBase64文字列へ変換
    • CSSカスタムイージング
    • CSS Selector Nth Tester
  • JavaScript、jQuery
    ライブラリ、APIの紹介

    • Lightbox2
    • Lightbox2.5~2.7
    • SyntaxHighlighter2
    • SyntaxHighlighter1.5.1
    • Tablekit
    • TinyTable
    • XMLの読み込み
    • AjaxZip3
    • AjaxZip2
    • fleXcroll
    • jScrollPane
    • Slimbox 2
    • jQuery LightBox Plugin
    • jQuery Cycle Plugin
    • Roundabout
    • DD_belatedPNG
    • jQuery&prototypeの共存
  • リファレンス

    • jQuery逆引き
    • JavaScript逆引き
    • CSS3逆引き
    • SASS・SCSS逆引き
  • カラーコード

    • Webセーフカラー
    • ネームカラー
    • モノトーンカラー
    • グレースケールカラー
    • パステルカラー
    • カラーリスト1
    • カラーリスト2
    • カラーコード変換
  • その他

    • 特殊文字・特殊記号
    • CSSプロパティ・値の読み方
    • HTML・CSS・JavaScriptのテクニック集
    • CSSセレクター一覧
    • CSSハック
    • バナーサイズ一覧
    • PHP簡単カレンダー関数
    • 正規表現
    • 文字コード
    • 機種依存文字
  • トップ
  • 壁紙
  • Web素材
  • Webサイト制作支援
  • お問い合わせ

copyright © 2018 ShanaBrian. All rights reserved.