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

ShanaBrian Website

  • トップ
  • 壁紙
  • Web素材
  • Webサイト制作支援
  • お問い合わせ
  • TOP
  •  
  • Webサイト制作支援
  •  
  • CSS3逆引き
  •  
  • CSS3による表示領域の制御(複数行に対する文章の省略)

表示領域の制御(複数行に対する文章の省略) line clamp

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

表示領域の制御について

複数行のテキストで要素より超えたテキストを非表示にして省略記号または任意の文字列を代わりに表示する場合は、line-clampプロパティを使用します。

  • ※ webkitの独自実装です。
  • ※ line-clampプロパティを使用する場合は、縦並びのフレキシブル・レイアウトである必要があります。
    フレキシブル・レイアウトについて

【構文】

							line-clamp:行数;
						

サンプルコード

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.