Skip to main content
Search type Search syntax
タグ [タグ]
完全一致 "ここの単語"
作成者 user:1234
user:me (あなたの)
スコア score:3 (3+)
score:0 (なし)
回答 answers:3 (3+)
answers:0 (なし)
isaccepted:yes
hasaccepted:no
inquestion:1234
閲覧数 views:250
コード code:"if (foo != bar)"
セクション title:リンゴ
body:"リンゴ オレンジ"
URL url:"*.example.com"
セーブ in:saves
状態 closed:yes
duplicate:no
migrated:no
wiki:no
種類 is:question
is:answer
除外 -[タグ]
-リンゴ
高度な検索の詳細については、ヘルプ ページをご覧ください
でタグ付けされた検索結果
検索オプション answers only not deleted user 2376

CSS(Cascading Style Sheets)とは、HTMLやXMLをどのように装飾するかを規定する仕様。従来のHTMLを、「構造」と「体裁」を分離するために提唱された。CSSでは、各メディアに合わせて表示を変更することが出来るほか、デフォルトの状態から複数のプロパティを上書きしていくことも可能である。

1

bootstrapでtableの縦線を消して横線のみ表示させたい

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <table class=table> <thead> <tr> <th>#</th> <th>First Name</th> <th> …
hinaloe's user avatar
  • 4,751
4

縦横比が違う画像と同じ画像を縦横比をそろえて表示したいです。

object-fit - CSS | MDN .box { width: 200px; height: 200px; object-fit: cover; } <img class="box" src=https://placehold.jp/2000x1333.png> …
hinaloe's user avatar
  • 4,751
0
承認済み

cssの設定を行っているがmarginで間が出来ていない

CSSのボックスモデルを考える際,仮お気の段階ではあっても構いませんが,こういったブロックごとに高さを決め打ちしてしまうべきではないことが多いです.(特にレスポンシブ対応で顕著になるかもしれません) なお,marginといえばmargin同士は重なるので,注意が必要です.(この問題とセットで遭遇するかもしれません) …
hinaloe's user avatar
  • 4,751
1

Disconnected from BrowserSyncにすぐになってしまいます。

BrowserSyncのCSSリロードについては、毎回ページごとリロードするのではなく、ファイルの更新の際にCSSのみ差し替える事が可能です。 (browserSync.reloadはたしかBS上で開いているすべてのページをリロードしますよね。) BrowserSync初期化時のfilesオプションや、browserSync.streamを用いることでこれが可能です。 … "**/*.html" ] }); }); app.cssが更新されるとapp.cssが動的に差し替えられ、index.htmlが更新されれば開いているindex.htmlがリロードされます。 …
hinaloe's user avatar
  • 4,751
1
承認済み

jQueryで生成した要素に対してaddClasssでアニメーションが効かない

requestAnimationFrameで1フレーム遅らせることで可能です。 $(function(){ //要素をつくる var box = $('<div class="box">'); //表示する $('body').append(box); requestAnimationF …
hinaloe's user avatar
  • 4,751
1
承認済み

リンクタグと、input type=imageの要素を押下しても全く無反応な理由をしりたい

まるで画面上部がモーダルウィンドウ配下に隠れているかのごとく、操作が無効です。 まさにその通りで、 <div class="screen flex-center"> 内が画面全体を覆っているため操作できなくなっているようです。どのような挙動を求められているのかよくわかりませんが、仮にこれを消すとクリックができるようになるのは確認できると思います。(そもそもこのコードでは想定 …
hinaloe's user avatar
  • 4,751
2

@font-faceのlocalに指定すべき文字列を知るには?

WSLのUbuntuが利用可能な環境とのことなので、そこにfontconfigが入っていれば(cairoやgdが依存しているので多くの環境で入っていそう、WSLのUbuntuのデフォルトはどうなっているかしないけど……)、fc-queryでフォントの詳細が取得できそうです。 たとえば $ fc-query /mnt/c/Windows/Fonts/meiryo.ttc |less でメイリ …
hinaloe's user avatar
  • 4,751
1

画像を横3列にして、画面の幅に応じて列数を変えたいです。

将来的にはmasonry layoutを利用することでgridで簡単にこれが行えるようになることが期待されますが,残念ながら現状はFirefoxでしか,それも実験フラグの設定をした上でしか利用できないようです. ul { list-style: none; } li { background: #ccc; } .grid { display: grid; grid-t …
hinaloe's user avatar
  • 4,751
2

wordpressのデザインテンプレートのcssを取得して、他のwebアプリケーションに組み込むことは法的や、実装上、可能でしょうか?

ただし、GPLの継承が必須とされるのはPHP部分のみで或るため有償テーマなどによってはCSSや画像についてはそうでない場合があるので購入時に確認ください。 GPLなどの場合、使用用途に制限は付けられないため、WordPress意外に使用することも可能です。 例えば、公式ディレクトリに掲載されているテーマは全て100%GPLです。 よくわからない場合は販売、頒布元などに確認してみてください。 … 参考: WPテーマの構成 WPテーマは主に以下の要素で構成されています CSS (style.css など) テーマ用のPHP関数 (functions.phpや/inc/template-tags.php のようなファイル) PHPテンプレート  JavaScript ファイル (ない場合も) 画像 翻訳ファイル (最近はテーマ外に……) あくまでもWPテーマはWPのために作られている場合 …
hinaloe's user avatar
  • 4,751
0
承認済み

WordPress 投稿の1つめのimgタグをdivで囲いたい

単純に置換するだけなので add_filter( 'the_content', function ( $content ) { $content = preg_replace( '/<img[^>]*>/iu', '<div>$0</div>', $content, 1 ); return $content; }, 20 ); でいいのではないでしょうか。
hinaloe's user avatar
  • 4,751
1

JavaScriptやCSS内に記述するファイルへの絶対パス(フルパス)について教えてください。

質問の的を素直に射ている解答がないような気がしたので一応。(といっても何を求められているのかよく分かりませんが) 示されている $("#size_s img").attr("src","http://www.example.com/test/common/img/XXXXXXX.gif"); のドメインをコードに含めたくないという意味であれば $("#size_s img").attr( …
hinaloe's user avatar
  • 4,751