プログラミング css

5

テキストの折り返しを停止するワードラップまたは他の属性はありますか？高さがありoverflow:hidden、テキストがまだ途切れます。 CSS3より前のすべてのブラウザーで動作する必要があります。

332 html css text word-wrap

7

display：inline-flexとdisplay：flexの違いは何ですか？

IDラッパー内の要素を垂直方向に揃えようとしています。display:inline-flex;IDラッパーはフレックスコンテナーであるため、このIDにプロパティを指定しました。しかし、プレゼンテーションに違いはありません。ラッパーIDのすべてが表示されることを期待していましたinline。なぜでしょうか？ #wrapper { display: inline-flex; /*no difference to display:flex; */ } <body> <div id="wrapper"> <header>header</header> <nav>nav</nav> <aside>aside</aside> <main>main</main> <footer>footer</footer> </div> </body> コードスニペットを実行する結果を非表示スニペットを展開

331 css flexbox

14

テキストへのアウトライン効果

CSSで異なる色のテキストにアウトラインを付ける方法はありますか？名前、リンクなど、テキストの一部を強調表示して、より直観的にしたいと思います。リンクの色などを変更することは今日では一般的であるため、何か新しいものが欲しいです。

329 css

7

DIVが等間隔の流体の幅

流動的な幅のコンテナーDIVがあります。この中に私は4つのDIVをすべて300px x 250px ... <div id="container"> <div class="box1"> </div> <div class="box2"> </div> <div class="box3"> </div> <div class="box4"> </div> </div> ボックス1を左にフロートさせ、ボックス4を右にフロートさせ、ボックス2と3を等間隔に配置します。間隔も滑らかにしたいので、ブラウザを小さくすると、スペースも小さくなります。

329 html css fluid-layout

18

div内のCSSカスタマイズスクロールバー

divページ全体ではなく、CSS（カスケードスタイルシート）を使用してスクロールバーをカスタマイズするにはどうすればよいですか？

327 css html scrollbar

8

要素に複数のCSS遷移を設定するにはどうすればよいですか？

これはかなり簡単な質問ですが、CSS遷移プロパティに関する非常に優れたドキュメントは見つかりません。以下はCSSスニペットです。 .nav a { text-transform:uppercase; text-decoration:none; color:#d3d3d3; line-height:1.5 em; font-size:.8em; display:block; text-align:center; text-shadow: 0 -1.5em 0 rgba(255, 255, 255, 0.15); -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; -webkit-transition: text-shadow .2s linear; -moz-transition: text-shadow .2s linear; -o-transition: text-shadow .2s linear; transition: text-shadow …

327 animation css css-transitions

7

ブートストラップドロップダウンサブメニューがありません

ブートストラップ3はまだRC版ですが、実装しようとしていました。サブメニュークラスの入れ方がわかりませんでした。CSSにはクラスがなく、新しいドキュメントでさえそれについて何も言わない 2.xにはドロップダウンサブメニューとしてクラス名がありました。

324 css twitter-bootstrap twitter-bootstrap-3 submenu

24

CSSのパーセンテージによって動的に色を明るい色または暗い色に変更します（Javascript）

このサイトには大きなアプリケーションがあり、いくつかのリンクがあります。たとえば、このサイトの青いリンクのような青い色を考えてみましょう。ここで、他のリンクを作成したいと思いますが、明るい色を使用しています。明らかに、CSSファイルに16進コードを追加するだけで簡単に実行できますが、このサイトでは、ユーザーがカスタマイズしたプロファイル/サイト（Twitterなど）に必要な色を決定できます。だから、私の質問は、色をパーセンテージで減らすことはできますか？次のコードがCSSだとしましょう： a { color: blue; } a.lighter { color: -50%; // obviously not correct way, but just an idea } または a.lighter { color: blue -50%; // again not correct, but another example of setting color and then reducing it } パーセンテージで色を減らす方法はありますか？

322 css

15

ブートストラップ4の垂直方向の中央揃え

ブートストラップ4を使用して、ページの中央にコンテナーを配置しようとしています。これまでのところ、うまくいきませんでした。任意の助けいただければ幸いです。私はそれをCodepen.ioで構築したので、皆さんはそれを試してみて、アイデアから私が何をしているのかを教えてください... コードスニペットを表示 var currentAuthor = ""; var currentQuote = ""; function randomQuote() { $.ajax({ url: "https://api.forismatic.com/api/1.0/?", dataType: "jsonp", data: "method=getQuote&format=jsonp&lang=en&jsonp=?", success: function( response ) { $("#quote-content").html('<h2 id="quote-content" class="display-5"><i class="fa fa-quote-left" aria-hidden="true"> ' + response.quoteText + ' <i class="fa fa-quote-right" aria-hidden="true"></i></h2>'); $("#quote-author").html('<p id="quote-author" class="lead"><em>' + response.quoteAuthor + '</em></p>'); currentAuthor = …

322 html css twitter-bootstrap flexbox bootstrap-4

3

CSSでラジアルメニューを作成する

次のようなメニューを作成するにはどうすればよいですか。 PSDへのリンク PSD画像を使いたくない。FontAwesomeなどのパッケージのアイコンを使用し、CSSでbackgrounds / cssを生成することをお勧めします。 PSDを使用してツールチップのイメージを生成し、それを使用するメニューのバージョンは、こちらで確認できます。

321 css tooltip css-shapes

21

CSS背景画像を右からxピクセルに配置しますか？

答えはノーだと思いますが、背景画像をCSSで配置して、右から一定のピクセル数離れたところに配置できますか？ background-positionxとyの値を設定すると、それらはそれぞれ左と上からの固定ピクセル調整のみを与えるようです。

321 css

2

CSSのスマイリーフェイス ":)"はどういう意味ですか？

私はこのCSSコードをプロジェクトで見つけました： html, body { :)width: 640px;} 私は長い間CSSを使用していますが、この ":)"コードを見たことはありません。それは何か意味があるのですか、それとも単なるタイプミスですか？

321 css css-hack

12

このCSSマージントップスタイルが機能しないのはなぜですか？

別のdiv内のdivにマージン値を追加しようとします。トップ値以外はすべて正常に機能し、無視されているようです。しかし、なぜ？私が期待したこと：私が得るもの：コード： #outer { width: 500px; height: 200px; background: #FFCCCC; margin: 50px auto 0 auto; display: block; } #inner { background: #FFCC33; margin: 50px 50px 50px 50px; padding: 10px; display: block; } <div id="outer"> <div id="inner"> Hello world! </div> </div> コードスニペットを実行する結果を非表示スニペットを展開 W3Schoolは、マージンがこのように動作する理由を説明していません。

321 html margin css

21

テキストをCSSに置き換えるにはどうすればよいですか？

次のような方法でテキストをCSSに置き換えるにはどうすればよいですか。 .pvw-title img[src*="IKON.img"] { visibility:hidden; } （img[src*="IKON.img"] ）の代わりに、テキストを置き換えることができるものを使用する必要があります。 [ ]それを機能させるために使用する必要があります。 <div class="pvw-title">Facts</div> 「Facts」を置き換える必要があります。

321 css text replace

4

HTML5テーブルのcellpadding、cellspacing、valign、alignに代わるものは何ですか？

ではVisual Studioのは、私はこれらの警告を見ています：検証（HTML 5）：属性 'cellpadding'は要素 'table'の有効な属性ではありません。検証（HTML 5）：属性 'cellspacing'は要素 'table'の有効な属性ではありません。検証（HTML 5）：属性 'valign'は要素 'td'の有効な属性ではありません。検証（HTML 5）：属性 'align'は要素 'td'の有効な属性ではありません。それらがHTML5の有効な属性ではない場合、CSSでそれらを置き換えるものは何ですか？

320 html css visual-studio css-tables

タグ付けされた質問 「css」

タグ付けされた質問「css」