質問編集履歴

3

css-wipeすべて追加

2020/05/30 06:03

投稿

bws
bws

スコア98

test CHANGED
File without changes
test CHANGED
@@ -232,6 +232,46 @@
232
232
 
233
233
  /* css-wipe */
234
234
 
235
+ * {
236
+
237
+ box-sizing: border-box;
238
+
239
+ }
240
+
241
+ /* webkit specific styles */
242
+
243
+
244
+
245
+ input[type="color"]::-webkit-color-swatch {
246
+
247
+ border: none;
248
+
249
+ }
250
+
251
+
252
+
253
+ input[type="color"]::-webkit-color-swatch-wrapper {
254
+
255
+ padding: 0;
256
+
257
+ }
258
+
259
+ /*
260
+
261
+ html5doctor.com Reset Stylesheet
262
+
263
+ v1.6.1
264
+
265
+ Last Updated: 2010-09-17
266
+
267
+ Author: Richard Clark - http://richclarkdesign.com
268
+
269
+ Twitter: @rich_clark
270
+
271
+ */
272
+
273
+
274
+
235
275
  html, body, div, span, object, iframe,
236
276
 
237
277
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
@@ -274,6 +314,170 @@
274
314
 
275
315
  }
276
316
 
317
+
318
+
319
+ body {
320
+
321
+ line-height: 1;
322
+
323
+ }
324
+
325
+
326
+
327
+ article,aside,details,figcaption,figure,
328
+
329
+ footer,header,hgroup,menu,nav,section {
330
+
331
+ display: block;
332
+
333
+ }
334
+
335
+
336
+
337
+ nav ul {
338
+
339
+ list-style: none;
340
+
341
+ }
342
+
343
+
344
+
345
+ blockquote, q {
346
+
347
+ quotes: none;
348
+
349
+ }
350
+
351
+
352
+
353
+ blockquote:before, blockquote:after,
354
+
355
+ q:before, q:after {
356
+
357
+ content: '';
358
+
359
+ content: none;
360
+
361
+ }
362
+
363
+
364
+
365
+ a {
366
+
367
+ background: transparent;
368
+
369
+ font-size: 100%;
370
+
371
+ margin: 0;
372
+
373
+ padding: 0;
374
+
375
+ vertical-align: baseline;
376
+
377
+ }
378
+
379
+
380
+
381
+ /* change colours to suit your needs */
382
+
383
+ ins {
384
+
385
+ background-color: #ff9;
386
+
387
+ color: #000;
388
+
389
+ text-decoration: none;
390
+
391
+ }
392
+
393
+
394
+
395
+ /* change colours to suit your needs */
396
+
397
+ mark {
398
+
399
+ background-color: #ff9;
400
+
401
+ color: #000;
402
+
403
+ font-style: italic;
404
+
405
+ font-weight: bold;
406
+
407
+ }
408
+
409
+
410
+
411
+ del {
412
+
413
+ text-decoration: line-through;
414
+
415
+ }
416
+
417
+
418
+
419
+ abbr[title], dfn[title] {
420
+
421
+ border-bottom: 1px dotted;
422
+
423
+ cursor: help;
424
+
425
+ }
426
+
427
+
428
+
429
+ table {
430
+
431
+ border-collapse: collapse;
432
+
433
+ border-spacing: 0;
434
+
435
+ }
436
+
437
+
438
+
439
+ /* change border colour to suit your needs */
440
+
441
+ hr {
442
+
443
+ border: 0;
444
+
445
+ border-top: 1px solid #cccccc;
446
+
447
+ display: block;
448
+
449
+ height: 1px;
450
+
451
+ margin: 1em 0;
452
+
453
+ padding: 0;
454
+
455
+ }
456
+
457
+
458
+
459
+ input, select {
460
+
461
+ vertical-align: middle;
462
+
463
+ }
464
+
465
+
466
+
467
+ input:focus {
468
+
469
+ outline: none;
470
+
471
+ }
472
+
473
+ ul, ol {
474
+
475
+ list-style-type: none;
476
+
477
+ }
478
+
479
+
480
+
277
481
  ```
278
482
 
279
483
 

2

Firefoxでの表示を追加

2020/05/30 06:03

投稿

bws
bws

スコア98

test CHANGED
File without changes
test CHANGED
@@ -275,3 +275,9 @@
275
275
  }
276
276
 
277
277
  ```
278
+
279
+
280
+
281
+ ##FireFoxでの表示
282
+
283
+ ![イメージ説明](117cd19b772601c1464c2ff2e6226383.png)

1

誤字修正

2020/05/30 05:56

投稿

bws
bws

スコア98

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- スマホ表示tableのレイアウトでchromeで表示した時だけ右側に隙間ができてしまいます。
1
+ スマホ表示の時に横にスクロールできるtableのレイアウトでchromeでPC表示した時だけ右側に隙間ができてしまいます。
2
2
 
3
3
  Firefoxでは正常に表示されました。
4
4