ITmedia総合 >  質問!ITmedia  >  C

「CSS」最新質問一覧

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

PHP
preg_replaceでのCSS項目削除方法
.abc{font-size:12px;display:block;}を.abc{}このように中身を削除したり@media screen and (max-width:68em){.abc{font-size:12px;display:block;}}上記mediaクエリをpreg_replaceを使って削除する方法は有りますでしょうか?少しのCSSであればstr_replaceを使って削除出...(2017/07/07)

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

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

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

JavaScript
csscomb.jsがうまくいきません。
csscomb.jsがうまくいきません。cssの方はうまくいっています。nodejsもgulpを使っているのでインストールできています。画面上は問題なく終わりJSファイルが排出されるのですが、何も変化がありません。jsonファイルはcss用しかないのでもしかしてjs用のファイルも作らな...(2017/07/03)

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

Webデザイン・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)

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

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

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

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

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

Webデザイン・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)

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

Webデザイン・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)

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

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

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

Webデザイン・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)

Webデザイン・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)

Webデザイン・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)

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

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

Webデザイン・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)

Webデザイン・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)

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

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

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

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

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

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

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

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

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

HTML
type="text/css"
<!DOCTYPE html>で始まるサイトなのですが、<link rel="stylesheet" type="text/css" href="あああ.css">とする時type="text/css" はなくても問題ないですか?(2016/03/09)

Webデザイン・CSS
cssのバージョン
自分がつかってるcssのバージョンがいくつなのかはどうやって知れますか?よくCSS3というのを見かけますか自分の使ってるものもこれに該当するのか知りたいです。(2016/03/09)

Webデザイン・CSS
CSSでスライドインする方法
ページを開くと、トップページで画像がスライドインしています。トップバナーに装飾をするにはどのようにしたらよいのでしょうか。CSSで動かしたらいいとは思うのですが、どのようなコードを書いたらいいのか分かりません。初歩的な質問で申し訳ないのですが、分かる方はア...(2016/03/09)

Webデザイン・CSS
CSSの修正箇所を教えてください。
http://pet-thailand.com/example.html上記ページのCSSの修正について教えてください。1、トップメニューの右端のメニューにカーソルを置いた時、2階層目が右の枠の下に潜り込んでしまい隠れてしまいます。枠の下に潜り込まずに、上に表示されるようにするには、どうす...(2016/02/27)

Webデザイン・CSS
CSSについての質問です
ある要素の中で指定した属性が指定した値を持つ場合にCSSを適用したい場合は、E[hogehoge="aaa"]のように書きますが、属性を複数指定するにはどう書けば良いのでしょうか?例えば、hogehoge="aaa"かつfoo="iii"の時に適用したく、E[hogehoge...(2016/02/22)

Webデザイン・CSS
@media 画面の幅によってcssを分ける場合
4.6インチのスマホを使っています。cssで「スマホ内のサイズなら」とやりたいのですがどのようにすればいいのでしょうか?サンプルコードを拾ったのですが<style> @media (min-width: 0px) and (max-width: 480px) { h1 { color: red; }</style>こ...(2016/01/23)



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

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

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