CSSのdisplay属性の値は何ですか？それぞれの役割は何ですか?

display 属性値の概要:

(推奨チュートリアル: css クイック スタート )

• ##none これ要素は表示されません。

• block この要素は、この要素の前後に改行を入れて、ブロック レベルの要素として表示されます。

• #インライン デフォルト。この要素は、要素の前後に改行のないインライン要素として表示されます。

• #inline-block インライン ブロック要素。 (CSS2.1の新しい値)

• list-item この要素はリストとして表示されます。

• run-in この要素は、コンテキストに応じてブロックレベル要素またはインライン要素として表示されます。

• compact CSS には Compact という値がありますが、広くサポートされていないため、CSS2.1 から削除されました。

• #マーカー CSS には値マーカーがありますが、広くサポートされていないため、CSS2.1 から削除されました。

##table この要素は、テーブルの前後に改行が入ったブロックレベルのテーブル ( と同様) として表示されます。
inline-table この要素は、表の前後に改行を入れずに、インライン表 ( と同様) として表示されます。
table-row-group この要素は、1 つ以上の行のグループとして表示されます ( と同様)。
table-header-group この要素は、1 つ以上の行のグループとして表示されます ( と同様)。
(ビデオ チュートリアルの推奨: css ビデオ チュートリアル

)

table-footer-group この要素は次のように使用されます。 a または 複数の行をグループで表示します (
と同様)。
table-row この要素はテーブル行として表示されます ( と同様)。
table-column-group この要素は、1 つ以上の列のグループとして表示されます (と同様)。
table-column この要素はセル列として表示されます (と同様)
table-cell この要素は、表のセル表示として表示されます (

と同様) ;)

inherit は、表示属性の値が親要素から継承されることを指定します。

以上がCSSのdisplay属性の値は何ですか？それぞれの役割は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：

css display

ソース：csdn.net

前の記事：CSSの一般的なレイアウト方法は何ですか 次の記事：古典的な CSS 面接の質問

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

著者別の最新記事

• 未来を創る: まったくの初心者のための Java プログラミング
  2024-10-13 13:32:21
• あなたは一人ではありません: サポート力のあるコミュニティとともに Python をマスターしましょう
  2024-10-12 11:58:51
• 初心者からプログラマーまで: Python プログラミングの力を活用する
  2024-10-11 20:06:51
• プログラマーのように考える: Java の基礎を学ぶ
  2024-10-11 18:59:31
• Java をシンプルに: プログラミング能力を高める初心者向けガイド
  2024-10-11 18:30:51
• PHP でブログを構築する: 初心者に優しいプロジェクト
  2024-10-11 15:51:51
• システムの言語を話す: C を一度に 1 行ずつ学習
  2024-10-11 15:42:10
• C のデータ構造とアルゴリズム: 初心者に優しいアプローチ
  2024-10-11 14:41:20
• 涙のないコーディング: 簡単な方法で C を学ぶ
  2024-10-11 14:08:31
• Java によるデータ分析: 情報処理の初心者ガイド
  2024-10-11 13:42:21

最新の問題

CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア

から 2024-04-16 10:10:18

0

0

1335

ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...

から 2024-04-06 21:58:04

0

1

800

Javafx でインライン CSS スタイルを動的に変更する アプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...

から 2024-04-06 20:57:16

0

1

487

CSS でフローティング要素を水平ではなく垂直にスタックするにはどうすればよいですか? 片側にメインコンテンツ、もう一方に追加コンテンツがある 2 つの列を持つ Web ページを作成しようとしています。ただし、float プロパティを使用して追加の列を左に揃えているた...

から 2024-04-06 20:45:26

0

2

386

他の CSS コードに関係なく、フレックスボックス内のテキストを強制的に垂直方向の中央に配置する方法はありますか? 開発中の Web サイトで使用されている大規模な CSS コードの一部である次の CSS コードがあります。 }.card-u{margin:20px;padding:20px;w...

から 2024-04-06 20:41:51

0

1

518

関連トピック

詳細>

• css
• CSS中心
• CSSに画像を挿入する方法
• CSSが表示を超えています...
• CSSフォントの色
• CSSとは何ですか
• CSSで三角形を書く方法
• CSSで文字の色を設定する

人気のおすすめ

• 表示楕円を超えるようにCSSを設定する方法
• CSSでフォントサイズを設定する方法
• CSSでホバーを使う方法
• CSSで文字間隔を設定する方法
• css3の新機能とは何ですか？

人気のチュートリアル

詳細>

関連するチュートリアル

人気のおすすめ

最新のコース

• 
  Yexiutang HTML5+CSS3 ビデオ チュートリアル

  9117
• 
  CSS3 をすぐに始めましょう

  78409
• 
  CSS3 の高度なビデオチュートリアル

  22586

• 
  最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)

  1420229 回の学習
• 
  JAVA 初心者向けビデオチュートリアル

  2506830 回の学習
• 
  Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル

  505559 回の学習
• 
  Web フロントエンド開発の簡単な紹介

  215531 回の学習
• 
  PSビデオチュートリアルをゼロからマスターする

  884403 回の学習

• 
  [Web フロントエンド] Node.js クイック スタート

  7028 回の学習
• 
  海外のWeb開発フルスタックコースの完全なコレクション

  5456 回の学習
• 
  Go言語実践GraphQL

  4602 回の学習
• 
  550W ファンマスターが JavaScript をゼロから段階的に学習します

  664 回の学習
• 
  Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる

  23273 回の学習

最新のダウンロード

詳細>

ウェブエフェクト

公式サイト

サイト素材

フロントエンドテンプレート

• [フォームボタン] jQuery エンタープライズ メッセージ フォームの連絡先コード
• [プレイヤーの特殊効果] HTML5 MP3 オルゴール再生効果
• [メニューナビゲーション] HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果
• [フォームボタン] jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード
• [プレイヤーの特殊効果] VUE.JS 模倣 Kugou 音楽プレーヤー コード
• [html5特殊効果] 古典的な HTML5 プッシュ ボックス ゲーム
• [画像の特殊効果] 画像効果を追加または削減するための jQuery スクロール
• [フォトアルバム効果] CSS3 個人アルバム カバー ホバー ズーム効果

• [フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート
• [フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート
• [フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート
• [フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート
• [フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します
• [フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート

• [PNG素材] かわいい夏の要素のベクター素材 (EPS+PNG)
• [PNG素材] 4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)
• [バナー画像] 歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材（AI+EPS）
• [PNG素材] 金色の卒業帽ベクター素材（EPS+PNG）
• [PNG素材] 黒と白のスタイルの山アイコン ベクター素材 (EPS+PNG)
• [PNG素材] 異なる色のマントと異なるポーズを持つスーパーヒーローのシルエットベクター素材（EPS+PNG）
• [バナー画像] フラット スタイルの植樹祭バナー ベクター素材 (AI+EPS)
• [PNG素材] 9つのコミックスタイルの爆発するチャットバブルベクター素材（EPS+PNG）

• [フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート
• [フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート
• [フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート
• [フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート
• [フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します
• [フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート

福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！

私たちについて 免責事項 Sitemap

© php.cn All rights reserved

および	と同様) table-caption この要素は表のタイトルとして表示されます (