ITmedia総合 >  質問!ITmedia  >  C

「CSS」最新質問一覧

Cascading Style Sheets
-こちらもご覧ください-
連載インデックス「いまさら聞けないCSS/スタイルシート入門」 - @IT
質問!Web Page Design→ITmediaのQ&Aサイト「質問!ITmedia」でWeb Page Design関連の質問をチェック

CSS
CSS flexの指定で折り返した時の左寄せ
Flexの指定をしているのですが、思うようになりません。ぜひアドバイスをお願いします。スペースに収まりきらないものは改行させたいので、flex-wrap:wrap;折り返した行は、スペースを等しく開けたいので、justify-content:space-between;を記載しています。すると、最後の...(2017/11/16)

その他([技術者向] コンピューター)
<А>のCSSを一時クリアするHTMLないの?
<А>タグのCSSで文字の大きさを設定していますが、どうしても一箇所だけ文字を大きくしたい部分があります。style="size:"5"を入力しても駄目です。一時クリアするHTMLの記述はないのでしょうか?宜しく願います。(2017/11/13)

PHP
PHPで出力したテキストにCSSを当てたい
現在、PHPの勉強を始めたばかりの者です。PHPではきだした変数にCSSを当てないのですが、やり方がわかりません。例えば、フォームのエラーメッセージなどで、テキストの色を変えたいです。知識をお持ちの方教えてください。(2017/11/11)

CSS
プログラミング html css css3
プログラミングについての質問ですa{text-decoration:none;}a:hover {color:white; background:black;}a:visited{color:red;}a:active{color:silver;}このプログラム(スタイルシート)のhoverの部分がうまくいきません。何を直せばいいでしょうか(2017/11/09)

CSS
cssセレクタ優先度について
https://qiita.com/oh_rusty_nail/items/e896825cd54e5c0a3666優先度の計算方法はわかっているのですが、以下の場合なぜそうなるかがわかりません。htmlが<div id="hoge"><div id="poge"><h1>エイチワン(後半略でh1{ font-size:10p...(2017/10/23)

その他(プログラミング・開発)
CSSのURI化の方法を教えて下さい
HTMLでたった1ページのファイルに使用するスタイルシートのファイル数が7つか8個になるためデータURIスキームを用いて、CSS構文をそのまま単一のウェブページのコードの内側にデータとして埋めこむことができるのではないかと想像しています。画像だけではなく、通常の...(2017/09/02)

HTML
このHTMLとCSSをひとつにするのはどうすれば?
WordpressのAddQuickTagを使うために別れたままでは使うことができません><https://saruwakakun.com/html-css/reference/boxちなみに19番のカギカッコを使いたいと思っています。何卒よろしくお願いいたします!!HTMLが・・・<div class="box19"><...(2017/08/26)

HTML
sass(SCSS)について質問です。
sass(SCSS)について質問です。これはsassをインストールしていない人でもウェブ上にあるsassで作った問い合わせフォームに必要事項を入力して送信する事ができるのでしょうか?ネット利用者が全員インストールしているわけじゃないので、できるとは思うのですが、確認で質...(2017/08/13)

CSS
HTML,CSSで自分のブログ、ホームページのWe
HTML,CSSで自分のブログ、ホームページのWebページに今見ているWebページのURLをお気に入りブックマークボタンで取得出来るボタンを付けたいと思います。どうやれば、いまWebブラウザで見ているURLをお気に入りやブックマークに追加できますか?javascriptを使わないと無理...(2017/07/06)

CSS
CSS4の変数はJSのように複数の式(プロパティと
CSS4の変数はJSのように複数の式(プロパティと値)を入れることはできないのです消化?一つしか入れられないのでしょうか?複数まとめたかったのですが、utilityにするしかないでしょうか?(2017/07/06)

CSS
HTML,CSSで自分のブログ、ホームページのWe
HTML,CSSで自分のブログ、ホームページのWebページに今見ているWebページのURLをボタンで取得出来るボタンを付けたいと思います。どうやれば、いまWebブラウザで見ているURLを取得できますか?javascriptを使わないと無理ですか?やり方を教えてください。(2017/07/06)

CSS
CSSで文字の上に「・」を置きたい
「席に着くとまずはらみを注文する」をテキストで出したい時、このままだとわかりづらいので、「はらみ」の上に「・」を置きたいと考えています。CSSで表現する場合、下記で良いのでしょうか。ソース的にちょっと微妙な気もするのですが…。-------------------<ruby>...(2017/06/28)

CSS
cssのファイルの作成日時を知るにはどうすればいい
グーグルクロームでサイトを見てるのですがcssのファイルの作成日時を知るにはどうすればいいでしょうか?添付は参考ですが自分の作成したファイルの作成日時が知りたくて質問しました。(2017/06/19)

HTML
HTML、CSSについて教えて下さい
http://sima1211.html.xdomain.jp/ の下部のようにしたいとHTMLやCSSをコーディングしているのですが、どうにもズレやGoogleマップが想定通りに縮小してくれず、自力では限界を感じたので質問させて頂きます。現在作成中のHTML仮置き場→sima2930.webcrow.jp/CSS→~/css/st...(2017/06/07)

HTML
任意の形 css html
いわゆる漫画のコマ割り的な形でボックスを組みたいのですが、cssでは無理ですよね?何かしら手があれば教えてください。ボックスの背景に画像を入れ込みます。(2017/05/31)

CSS
CSSの呼出方法と表示速度 (SEO)
. HTML内で外部CSSファイルを呼び出す方法について、表示速度の面で記述を迷っている部分があります。例えば、ホームページ・記事ページ・製品ページの、3つのページが存在するウェブサイトを仮定するとします。そして、3つのページに共通するCSSをcommon.css それぞれのペ...(2017/05/15)

CSS
このようなCSS指定はできますか?
以下のようなスペース区切りの文字列があります。これらを単語を途中で改行させず、単語の頭から改行させるCSSの指定方法はありますでしょうか?単語をspanで囲みnowrapを使ったのですが、単語の途中で改行されないかわりに画面からはみ出してしまいました。どうかよろしく...(2017/05/07)

CSS
CSSの分割とウェブサイトの表示速度 (SEO)
.よく、【(1)HTTPのリクエストを抑えるために、複数のCSSファイルはひとつにまとめる】ということが言われますが、一方で、【(2)表示速度のためにCSSを分割する】ということが推奨されることもあります。この2つが一見矛盾する感じで少々混乱しております。ここで、例えば...(2017/04/16)

CSS
HTML内にCSSで装飾を施すデメリットについて
HTMLでCSSで装飾するとコードの不要な重複に繋がるという記述を時々見るのですが、これは具体的にはどのようなことなのでしょうか。(ちなみに、当方はCSSは基本外部ファイルでファーストビュー部分に対してだけ<style>タグ内に記述することがたまにある程度です)(2017/04/14)

CSS
CSSについて教えてください。
携帯向けのサイトを作っています。contentの文字列が画面からはみ出るので指でスワイプした分だけスクロールしたいのですがCSSでできますでしょうか?スクロールバーは表示させたくないのでCSSで無効にしてあります。どうかよろしくお願いいたします。<div class="...(2017/04/10)

CSS
CSSで、指定されていない空白が開く
ヘッダーのロゴとその下のナビゲーションの間に、勝手に空白が空きます。margin: 0;と設定しても空白が空きます。section#header { width:80%; height: 63px; margin-right: auto; margin-left: auto;}img.LOGO { width: 700px; height: 63px; float:...(2017/03/14)

CSS
CSSの入力方法について教えてください
CSSの入力方法について教えてください私はプラグインを使用してtableを制作したのですがHTMLコードの最上段に下記のような表示がされてありました。全体の指示がされてあると思うのですが、自分なりにCSSで入力してもうまく表示できないでいます。すみませんがおわかりの方...(2017/03/09)

CSS
cssが読み込まれない
htmlを作成しています。(html5)が、cssが読み込まれなくて困っています。例えば下記のような場合、*****************<div id="syu"> <table> <tr> <td class="code1">コード   <input type="text&q...(2017/02/21)

HTML
cssの記法について
サイトのCSSを見ていると、padding: 0 15px;という表記を目にします。padding:0px 15px;ならわかるのですが、このように記述するのはなぜなのでしょうか。もう一つ、.hoge:after {display: block;clear: both;content: "";}こういうのをよく見ます。divでcontain...(2017/02/18)

JavaScript
条件式にcssの値を使う方法。
条件式にcssの値を使う方法。下記の部分が謎なのですが、プロパティ == 値という形でなぜプロパティの値がnoneだった時となるのでしょうか?if( toolTip.css("display") == "none" )$(function() {$(".tooltip").each(function(){var to...(2016/12/31)

CSS
jqueryのCSSについてお聞きしたいのですが、
本体にCSSを書くと正常に動きます.defaultlist,.defaultlist li{padding:0px;margin:0px;}外部リンクのjQueryだと下記だと正常に動きません$(".defaultlist,.defaultlist li").css({"padding":"0px","margin":"0px"});...(2016/12/17)

CSS
このように「:」を付けるcssは
A:link { プロパティ: 値 }このように「:」を付けるcssはa以外にもあるのですか?(2016/11/25)

CSS
CSSは今はcss3と知りましたが
css1・css2・css3はそれぞれコード・文法が違うのでしょうか(2016/11/20)

CSS
ブラウザによってcssを分けることは可能なの?
レスポンシブウェブデザインの様にブラウザによってcssを分けることは可能なのでしょうか?IEなら100px、ファイアフォックスなら50pxなど。(2016/11/20)

HTML
2列目のみcssを適用させるには?
<html><head><title>test</title><style type="text/css">table.test td+td { padding-left:1em; }</style></head><body><table class="test" border=1><tr><th>No</th><...(2016/11/12)

CSS
cssのクラス名のつけ方について
Sublime Textのプラグインの「Goto-CSS-Declaration」を使えるよいクラス名のつけ方はないでしょうか?・クラス名としては良いが、エスケープシーケンスをgotocssが認識しない.u-centering-length\+block {display: block;margin: auto;}・下記のようなときはどうしますか...(2016/11/11)

その他(プログラミング・開発)
html/cssを使わないでデザイン
html/cssをつかわずにソフトを作る場合。何でデザインしているのでしょうか?javascriptしかつかったことがないのですが。javascript自体にはデザインする機能はありませんよね?ということはC#やswiftなどの言語でデスクトップアプリを作っている人たちは何でデザインをし...(2016/11/10)

CSS
【HTML・CSS】コーディングについて
HTML・CSSでだれもがわかりやすい、きれいなコーディングをする場合どんなルールでやればいいのでしょうか?またみなさんはコーディングするときどんなルールでやっておられるのでしょうか?教えていただけるとうれしいです。(2016/11/07)

PHP
html CSSにおけるno-jsとは何ですか?
wordpressを用いてサイト作成の勉強をしています。ヘッダー部分に以下のようなコードがありました。<html <?php language_attributes(); ?> class="no-js"><?php language_attributes(); ?> は<html lang="ja">と同じ意味と...(2016/11/06)

HTML
記事本文のtableタグのみCSSを適用させる方法
基本的なことだと思うのですがブログ初心者のため質問させてください。記事に表を入れたいのですが、デフォルトのままですと枠線(border)を最小の1にしても1pxの細い線になりません。そこでネットで調べて以下のものをCSSに追加しました。table {border-collapse:collapse;...(2016/11/03)

CSS
CSSでの除外指定
CSSでとある要素以下にはあてないというような指定はどうすればいいでしょうか?:notを上手く指定すればいけるんでしょうが…input { /*何かしら*/}というスタイルを.outが指定された要素以下(子要素、孫要素、以下全て)単純にnotだと、その指定した箇所にしかあたらなか...(2016/09/20)

CSS
CSSのドロップダウンメニューが見出しで切れる
CSSでドロップダウンメニューを作りました。ページの上部に横並びの状態です。メニューを押すと下に4項目程度のリストが下がってきます。今まで本文の見出しには<h1>タグを使用せず画像でのみで作っており、リストには影響がありませんでした。<h1>を使用しCSS...(2016/09/16)

CSS
このデザインをCSSでは・・・
この一覧の枠?といいますか、一行一行を点線で並べていくデザインってCSSではどう指定するのでしょうか?(2016/08/29)

HTML
テーブルの幅をデフォルトに戻すcssがわかりま
<html> <head> <title>test</title> <style type="text/css">table { width: 100%;} </style> </head> <body> <table border=1> <tr><td>No</td><td>table1</td><...(2016/08/09)

CSS
cssについて
html&css初心者です。ある書籍の本で分からないことがあります。htmlでclass属性を書きこみました。< div class=″keyvisial″><p class=″news_item″><div class=″map″>それぞれをcssで書いた際には.keyvisial {.news_item {div.map {とありまし...(2016/07/12)

HTML
Htmlとcssだけで円グラフを作ることは可能?
Htmlとcssだけで円グラフを作ることは可能ですか?(2016/07/06)

CSS
CSSで rotate 値が書き換えられない理由
javascript で rotate の角度を変化させて描画することができずに困っています。p の値を読み込ませて、その角度を画面上に反映させるコードを書きました。document.getElementById('div2').style.transform = "rotateX(" + p + ")deg" ;このような指...(2016/07/04)

CSS
CSS3の疑似要素 :afterについて
テキストの右が側に階層を示す”>”を付けたいのですがChomeでの表示|アクセス |お問い合わせ |プライバシーポリシー|これを>アクセス >お問い合わせ >プライバシーポリシー>このようにしたい。HTMI5表示 <div id="main"><div id="bread...(2016/06/23)

CSS
2カラムレイアウトでサイズ可変なCSSレイアウ
例えば、右、左の2つのエリアにわかれた2カラムレイアウトで、真ん中の境界線を右左にずらすことで、ウィンドウサイズはそのままでエリアの領域が可変になるようなレイアウトをCSSなどで実現したいです。「ウィンドウサイズ 可変」などで検索すると、1つのウィンドウサ...(2016/06/12)

CSS
この色をHTMLやcssで表せる色コードにしたい
色合い→160鮮やかさ→240明るさ→60赤→0緑→0青→128この色をHTMLやcssで表せる色コードにしたいのですがどうすればいいでしょうか?http://www.colordic.org/ここから探そうと思ったのですがどうやって探せばいいのかわかりません。#000000と言う形式にしたいです。(2016/05/22)

CSS
【CSS3】Text-Alignの継承について
BODYタグでText-Alignしても、継承しない?のはなぜでしょうか?Text-Alignは継承されないプロパテーなのでしょうか?Body {Text-Align: Center;}(2016/05/16)

CSS
css スマホ対応
css スマホ対応cssスマホ対応現在デザイン初心者のものです。簡単なwebページを作りpc用 スマホ用のデザインをしているのですが問題はスマホの機種によって(アンドロイド iphone4 iphone5)微妙にスタイルが崩れます。スマホのデザイン全ての機種を一律に合わす方法などな...(2016/05/04)

CSS
勝手に他のcssが適用されることはあり得ますか?
<link rel="stylesheet" type="text/css" href="○○.css">としていないのに、勝手に他のcssが適用されることはあり得ますか?FC2の無料版です。(2016/04/24)

CSS
文末に「…」を追加するCSSの記述について
下記は、ブラウザのサイズが変更されても2行で表示するように記述したものです。これに文末に「…」を追加するにはどのように記述すれば良いでしょうか?表示結果現在 「ああああああああ ああああああああ」このように表示したい「ああああああああ あああああああ…」C...(2016/04/13)

CSS
phpで出力したものをcssでデザイン
phpでサーバーから出した画像を縮小したいのですがうまくいきません。ソース<?php print $disp_gazou2;?>どのように書けばよろしいのでしょうか簡単なサンプルソースいただければ幸いです。(2016/03/13)



Twitter&TweetDeckライクなSNS。オープンソースで誰でもインスタンス(サーバ)を立てられる分散型プラットフォームを採用している。日本国内でも4月になって大きくユーザー数を増やしており、黎明期ならではの熱さが感じられる展開を見せている。+ こういったモノが大好きなITmedia NEWS編集部を中心に、当社でもインスタンス/アカウントを立ち上げました! →お知らせ記事

意欲的なメディアミックスプロジェクトとしてスタートしたものの、先行したスマホゲームはあえなくクローズ。しかしその後に放映されたTVアニメが大ヒットとなり、多くのフレンズ(ファン)が生まれた。動物園の賑わい、サーバルキャットの写真集完売、主題歌ユニットのミュージックステーション出演など、アニメ最終回後もその影響は続いている。

ITを活用したビジネスの革新、という意味ではこれまでも多くのバズワードが生まれているが、デジタルトランスフォーメーションについては競争の観点で語られることも多い。よくAmazonやUberが例として挙げられるが、自社の競合がこれまでとは異なるIT企業となり、ビジネスモデルレベルで革新的なサービスとの競争を余儀なくされる。つまり「IT活用の度合いが競争優位を左右する」という今や当たり前の事実を、より強調して表現した言葉と言えるだろう。