ITmedia総合 >  質問!ITmedia  >  C

「CSS」最新質問一覧

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

Webデザイン・CSS
postcssを使ったディレクトリ構成
postcssを使ったディレクトリ構成・dest-afterフォルダの中にindex.htmlファイルがあります。(トランスパイル後のcssファイル、htmlがあります。)gulp.jsが入っているフォルダ=GULPフォルダ├─dest-after│ ├─css│ │ ├─│ │ ├─│ │ └─│ │ ├─│ │ ├─...(2016/11/26)

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)

Webデザイン・CSS
cssの初歩的な質問
初歩的な質問で申し訳ないのですが、以下の画像のように画像を並べたいのですがうまく並べることができせん。ulで画像たちを囲いmax-widthで最大幅を決めて画面が狭まるほど画像を小さくし、並べるためにfloat:leftをかけてはいるのですが下記の「こうなる」のようになって...(2016/01/20)

PHP
php?でスマホ用のCSSへ切り替える記述について
php?でスマートフォン用のCSSへ切り替える記述について質問です。HTML/CSSの知識はあるのですがPHPについてはさっぱりで…お力を頂ければと思います。今度CSSの切り替えでスマートフォン用のサイトを表示することになったのですが、一部システムが絡んでいるため切り替え...(2016/01/09)

Webデザイン・CSS
HTMLとCSSを組み合わせる方法に関して
下記のebay商品ページの下の方にある「Description」以下の英文字と同じフォント、同じ大きさで、私も表示させたいと考えています。http://www.ebay.com/itm/Near-Mint-PENTAX-smc-FA-645-400mm-f-5-6-1-5-6-with-Hood-Free-Ship-Japan-241-/141828835849?hasただ、ebayで...(2015/12/28)

HTML
padding 一つにまとめるには?css
<html> <head> <title>test</title> <style type="text/css"> td{padding:10;}</style></head> <body> <table border=1> <tr><th>a</th><th>b</th></tr> <tr>...(2015/12/27)

HTML
一部CSS認識させない方法ってありますか?
CSSで<A>は右寄りに設定しています。今、画像に<A>を設定しているのですが、画像が画面の右によってしまいます。ソースに直接記述してもいいので、この画像を中央に配置したいのですが、どうしてもできません。<CENTER>を記述しても駄目です。よって...(2015/12/18)

Webデザイン・CSS
忍者ホームページにcssが反映されない
「忍者ホームページ」でサイトを作ろうとしています。初心者なので下記サイトをみてほぼそのままやってみました??http://www.htmq.com/csskihon/401.shtmlFTPはサーバーダックを使用しています。htmlは反映されたのですが、cssをアップロードしても反映されません。フォル...(2015/12/09)

Webデザイン・CSS
【CSS】ul li iPadで見ると境界線が
以下ページをiPadのsafari及びChromeで見るとhogeとhogeの間に白い線が入ってしまいす。同じ現象はmac OSX上のsafari,Chromeでも拡大してみると発生します。(拡大しない状態では入らない)<html><html><head><meta http-equiv='Content-Style-Type' ...(2015/11/30)

HTML
アップロードした時だけCSSが反映されない 
プログラミングの知識はほぼ皆無なので無料テンプレートのサイトからテンプレートをダウンロードし、コードはほとんど触らず<p>◯◯◯◯</p>内の文章だけSublime Text2上で編集していました。写真や内容を自分好みにし、ローカル環境で作動するか試した結果し...(2015/10/29)

Webデザイン・CSS
css 上から色を重ねるのはよくない?
CSSでa{ color:gray;}a:visited { color:red; }こうしてるのですが、理由としてはまずすべてのリンクに灰色を付けて、その後、訪問済みのリンクを赤にしてます。でもそうすると、グーグルクロームでソースを見た際に画像の様になります。訪問済みのリンクはまず最初に灰色...(2015/10/02)

Webデザイン・CSS
CSSのBoxを使ってレイアウトについて
□□ 横並びのBoxレイアウトがあり、各ボックスをA、Bとします。↑↑ABAは、コンテンツの内容に従ってheightが変わります。Bもそれに従いAと同じheightになります。Bの中には、縦並びのBoxレイアウトが入っています。上のボックスをB1、下のボックスをB2とします。□ ←B1...(2015/10/02)

グラフィックソフト
これから、css3とHTML5を勉強したいと思って
これから、css3とHTML5を勉強したいと思ってますが、主にウェブや広告のデザイン、アート、アプリ開発に手を出していきたいのですが、他にも勉強したほうがいいものはありますか?それと、安く学べる塾やソフトもまだないのであればぜひ教えてくださいませ!(2015/09/25)

Webデザイン・CSS
CSSのVM、VHはいつから仕事でも使えますか?
CSSのVM、VHは、プラグインなどを使って、アンドロイドブラウザ4系でも使えるようにすることなど出来ないのでしょうか?まだどうしても実務では無理でしょうか?(2015/09/23)

スマートフォンアプリ開発
何の時に何が必要?(HTMLとCSSのように)
こんにちはwebアプリかネイティブアプリを作ろうと思っているのですが、何のときに何が必要ですか?例えば、HTMLとCSSはほぼセットで登場すると思うのですが、このように、この言語にはこれがセットだとか、ありますか?もし宜しかったら回答お願いいたします(2015/09/23)

Webデザイン・CSS
HTML/CSS モバイルのみワンカラムに
Webページのレイアウトについてです。Wordpressでブログを書いていて、PCで見たときは左サイドバーがあり、本文があり、右サイドバーがある3カラムのレイアウトになっています。http://chanori.biz/xd/introduceこれをモバイルからみたときだけ、本文のみのワンカラムにし...(2015/09/01)

HTML
BEM、スマックス、OOCSSについて
BEM、スマックス、OOCSSのどれかを取り入れてコーディングができないと、現場では厳しいかと思いますが、将来性なども考えるとどれにしたがって、クラスをつけていくのが良いと思いますか?プロとして現場で行っている人たちにお聞きしたいです。それともただの流行で不要...(2015/08/16)

Webデザイン・CSS
type="text/css"
<link rel="stylesheet" type="text/css" href="http://web.fc2.com/css/index.css">と<link rel="stylesheet" href="http://web.fc2.com/css/index.css">では意味同じですか?type="text/css"は...(2015/08/15)

Webデザイン・CSS
CSSの添削をお願いします。リンク色が反映しません
閲覧ありがとうございます。下記CSSの「.CLASS li a:link,a:visited{ color:red; text-decoration:none;」の部分が反映されず、ブラウザの標準設定のままになってしまいます。本来のstyleの全文はbodyや他のクラスの記述もしているのですが、それらが影響しているわけで...(2015/08/11)

JavaScript
jQueryで要素の生のcssを取得する方法
jQueryの初心者です、宜しくお願い申し上げます。jQueryのcss(name)で、要素のstyle属性から指定スタイル(name)の値を取得できることは分かったのですが、{ width:50%; }など、比率で指定している属性はpxに変換されて取得されてしまいます。変換前の%の値を取得する方法...(2015/07/18)

Webデザイン・CSS
CSS3の公式ロゴ
HTML5の公式ロゴ(http://www.w3.org/html/logo/)はあるようですが、CSS3の公式ロゴもあるのでしょうか?(2015/06/30)



多くの予想を裏切り、第45代アメリカ合衆国大統領選挙に勝利。貿易に関しては明らかに保護主義的になり、海外人材の活用も難しくなる見込みであり、特にグローバル企業にとっては逆風となるかもしれない。

携帯機としても据え置き機としても使える、任天堂の最新ゲーム機。本体+ディスプレイ、分解可能なコントローラ、テレビに接続するためのドックといった構成で、特に携帯機としての複数人プレイの幅が広くなる印象だ。

アベノミクスの中でも大きなテーマとされている働き方改革と労働生産性の向上。その実現のためには人工知能等も含むITの活用も重要であり、IT業界では自ら率先して新たな取り組みを行う企業も増えてきている。