list-style-image.box-sizing



Similar documents
HTML5 CSS

経営論集2011_07_小松先生.indd

インターネットマガジン2004年3月号―INTERNET magazine No.110

HTML5&CSS3 レッスンブック

CSS

CSSの基礎

07_経営論集2010 小松先生.indd

Taro-CSS.jtd

Microsoft PowerPoint - CSSガイドライン_ ppt [互換モード]


ホームページ制作スターターズ

コンピュータサイエンス 1. ウェブの基本

6 2 1

Web 設計入門


年刊EDP 2003

第6回 CSS入門(つづき)

textbook.indd

Web概論

m_sotsuron

【お試し版】Web制作者のためのCSS設計の教科書(非売品)

Web

Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheet


HTML入門

jquery

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID

●70974_100_AC009160_KAPヘ<3099>ーシス自動車約款(11.10).indb

■サイトを定義する

pdf

padding( パディング ) padding プロパティでボックスの内側の余白を指定します この部分の内側には背景 ( 背景色や背景画像 ) を表示できます border( ボーダー ) border プロパティでボックスの境界線を指定します ボーダーには色 太さ 線の種類を指定できます 画像で

about かみのごうや たいち 大阪府出身 東京都在中 28歳 うお座 O型 ゾウと写真が好き 2xup.org を管理

untitled

改訂版 :基本的な文字化の原則(Basic Transcription System for Japanese: BTSJ)




6 2 1

to-r

CRA3689A

HTML HTML HTML


Transcription:

list-style-image.box-sizing

r Q *\vh.tsi k!.re. t

J2r+, Afrt#Ft lportfolio/o1 html] EETO <sectaon> <h2 class= <ul> <1i>< r < I i->': e <Ii>.: r <ri>. : </ul> <,/section>

,horeoldrnj,,{r, I [i]l7 Lrut I QteIa.@72>a:tsy,. cigcsrtt-a '!ry e.!!s 1ai!. [4a@-r4

a:hover a:active a:visited a:focus nut>t a:focus { color: 1996600 1

<li> : -r <li>:t: <Ii>:,r </ui> </nav>

Cd tum WordPra$7Vi >2 -, a, t r,+f Ofrrfift lportfolio/o l.html]

http://example.com/portfolio/ <article class="articledetaii">

rndex ntrr

<nav class="iocalnavj-"> fu. fi+ l <ur> r E!'?

<div id="pagebodymain <hl class= " pagetitle " > btut;bljlrt-( < / h!> </div>

<ing src="images/1m9 01 01.jp9" alt="" $ridth="?20" height="390"> <link rel=

aboul

Icommon/css/style css] rdl #pagebodysub.newslist ui Ii time { font-r,reight: bold; display: block; /+ E-rVtc */ fpdgfbodysjd..ocrl\lv- u-t li { font-size:14px; Line-height:1.429; i /* ----- t1>h-l6a*ffr ----- */ #pagebodymain p { tffi...1

f@l {-r1_ /* E_hvrc */ #pagebodysub.localnavi ui li { font-size:14px; Iine-height: 1.429; margin-bottom:12px; tr ri vlcrs!haa.r, E fd l

r, +t Afrtff; t [Portfolio/o t html] Icommon/css/style css] fdl /* E-hVtc */ #pagebodysub.localnavi ui li { font-size:14px; Iine-height: 1.429; margin-bottom:12px; list-sty]e-image: urf ( ".. / -maqes/ tco, arrow.png" ; tffi...1 lcommon/css/style cssl t...ffi] /* E-rV-t */ #pagebodysub.localnavi uf Ii { font-size: 14Pxi Iine-height:1.429; margin-bottom: 12Px; fdl Iist-styLe-type: none; background-lmage: ur1('.. /images,/icoarrow.png ;

Icommon/css/style.css] t...ts1 /* E-ht/rC */ #pagebodysub.localnavi ul Ii i font-size:14px; Iine-height:1.429; margin-bottom:12px; List-style-type3 nonei background-image: url( "..,/inages,/ico_ ^rr^u hh^" \. background-repeat ; no-repeat; tffi...1 2t V Afrfi#Et lportf olio/o 1.htmi] WordPress; Ico m mo n /c ss/ sty le. c ss] t...ffi1 /* E-hV+c */ #pagebodysub.iocatnavi ui Ii { font-size:14px; Iine-height:1.429; margin-bottom: 12px; list-style-type: nonei background-image: url( ".. /images/ico_ arrow.png" ; background-repeat : no-repeat i background-position: 0 Bpx;

2, V Afr/alffi* [portfolio/o 1.html] lcommon/css/style.cssl r... ffil /* tr-hv+c */ #pagebodysub.iocalnavi ul li { font-size:14pxi Iine-height:1.429; margin-bottom:12px; i fdl Iist-style-type! none; background-imager url( ".. /images/icoarrow. png" ; background-repeat: no-repeati background-position: 0 8Px; padding-1eft: 10px; Icom mo n /css/sty le.css] 1... ffil /* a-httc +/ #pagebodysub,localnavi u1 { margin: 0 0 30px; padding-left: 0; #pagebodysub.local.navi ul Ii { font-sizer l4pxi line-heights 1.429; margin-bottom: 12px; Iist-style-type : none; background-image: url ( ".. / inages / icoarrow.png" ; background-repeat: no-repeat; background-position: 0 8Px; padding-ieft:10px; tb6...l

body { background-inage: url ( ".. /inages/ b92.png" ; background-repeat : no-repeat i

body { background-image: url( ".. /inages/ bg2.png" ; background-repeat: no-repeati background-position: 1opx 2Opx;

body { background-funage: url( ".. / images/ b92.png" t background-repeat : repeat-xi background-position: bottomi bac kgro u nd-i mage bac kground -position

Icommon/css/style.r:ssJ t... ffil #pagetlead #catchcopy { font-size:1zpx; Iine-height: I.5; margin-top: ipx; /* E-llt'/C */ spagehead.qloba Navi { border: soli(l #CCCccC; border-w i dth I px 0; /* ^-yt- */ #pagefoot { tb6...1

Icommon/css/style.css] t... ffil /* t1-tvttc t / #pagehead.gl,>balnavi { border: siid #CCCCCC; border-wilth: lpx 0; #pagehead.glcbalnavi ul { margin: 0; padding:0; +pagellead.globafnavi ui:after { content: ' '; clear: b(,th; dlsplay: block; #pagehead.g.-obalnavi ui li { list-sty Le3 nonei width: 2 l5px; float: leet; fdl

I com mo n/cs s/sty le. css] t...ffi] /* t1-l\v+t */ #pagehead.globalnavi { border: solid #Cccccc; border-width: lpx 0; #pagebead.globalnavi ui { nargin:0; paddingr 0; #pagehead.globalnavi ul3after { content: ""; a]arp hn+h. display: block; #pagehead.globalnavi ui Ii { Iist-style: none; width:245px; float: Ieft; border-teft: solid lpx #CCCCCC; padding:0 1(px; tdl

Icommon/css/style css] t... Etl /* E-t\rt. */ #pagehead.globalnavi { border: solid #cccccc; border-width: 1px 0; #pagehead.globalnavi- ui { margin: 0; padding:0; #pagehead.globalnavi ul:after { content: ""; ^la^r. h^fh. display: block; #pagehead.globalnavi ui li { I i c+-c+r'l a. n^^a. width:245px; float: Ieft; border-ieft3 solid lpx #Cccccc; padding:0 1Opx; -:roz-bor-s i z j r. j: bo: cer-ooxi box-sizing : bordcr-box; tffi...l t... ffil /*,E-t\rtC */ #pagehead.globalnavi { border: solad #CCCCCC; border-vridth: lpx 0; #pagehead.globalnavi ul { margj-n: O; paddj-ng: 0 ; #pagehead.globalnavi ul:after { content: " "; ^l 6r-. h^+h. display: block; #pagehead.globalnavi ui Ii { Iist-style: none; width:245px; float: left; border-ieft: solid lpx #cccccc; padding:0 10px; -moz-box-sizing : border-box; box-sizing: border-box; L,Yt-:l inn. a,.ntar. font-srzc: 14px; Iine-height: 1.,:129; t@l

Icommon/css/style css] t... ffil /*,E-t\vlc */ #pageaead.globalnavi { border: solid #CCCCCCt border-width: lpx 0; paddlng: l0px 0; #pagehead.globalnavi ul { margin:0; padding:0; tffi...1 Icommon/css/style css] " PoYclcou t... ffil #pagehead.globalnavi ul Ii { list-style: none; width:245px; ^a+. I af+. border-left: solid lpx #CCCCCC; padding:0 10px; -moz-box-sizing: border-boxi box-sizing: border-boxi text-align3 center; font-size:14pxi line-height:1.429;,^-^-tr-.i ^l ^Ha- rrr!.: rr'l I i.fircf _.hi ld l Tdl border-1eft: none.

Icommon/css/style css] t... ffil #pagehead.globalnavi ul Ii { Iist-styIe: none; width:245px; float: left; border-leftr solid lpx #cccccc; padding:0 10px; -moz-box-sizing: border-boxi box-sizing: border-box; text-align: centeri font-size: 14px; Iine-height:1.429; #pagettead.globalnavi ul li:first-child border-ieft3 none; #pagehead.globalnavi ul 1i color: inherir-; text-decoration: none; lcommon/css/style,cssl t... tstl #pagehead.globalllavi ui lirfirst-child { border-left: none; #pagehead.globalnavi aal ar. i nhari i. text-decoration! t'pageflead. globa I l'la\'1 background-coior: J tdl

2t V Ofrtffi* lportfotio/o 1.htmt] Icommon/css/style cssl t...gl #pagehead.globalnavi ul li:first-child { border-left: none. #pagehead.global.navi ui Ii a { color: inherit; text-decoration: nonel display: block; #pagehead,globalnavi ui Ii a:hover { background-color. #r'2f2e5 i tts...1 Icom mo n/css/style. css] r... ffil #pagehead.globalnavi ui li:first-child { border-ieft: nonei #pagehead. globalnavi color: inherit; text-decoration 3 display: block; padding: 5px 0; #pagehead.gl-obalnavi background-coior: tffi...1

.rvovlh#et,.".,.:''f.,:.1:,\1..,- Cafe Debut Icommon/css/style css] tdt #pagehead.globalnavi ui Ij. a { ^^1 ^r. i nhari +. text-decoration: display: block; padding: 5px 0; none; #pagehead.globalnavi ul Ii a:hover, lpagehead.gfobalnavi 0l li.current a { background-color. #F2F2E5 i fdt

komorikomasha

box-sizing: border-box;

Google Chrome. Safari. (Opera I section { -moz-box-sizing: border-box; box-sizing: border-box; @ section { -webkit-box-sizing: border-box; -moz-box-sizing: border-boxi -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; I*il

underline overline line-through

T rrv Ofrtf;Et [portfolio/0 1 html] Iportfolio/01 html] t... Etl 1/nav> </header> <p class= topicpath'>i,1. &9t; < i:+'j &qti Cafe DLrbut</p> <div id="pagebody',> <div id="pagebodymain"> tffi...1

tit: >?<?/i$0 a(, -tract <p class=" topicpath "><a href =".. /index. html "> X-1^</ a> agt 1 z(chba < / p>

t, V Afr/ ifl"t lportf olio/o 1.html] lvah kitchen nest I ltt.efl,tit +*gt3*6a re ^*ct2e I. 1ll,,,r.r..vjl.'. -.. fra:or,ar-,,, / ute Dea^- - a oi I - jrnzli Jb, i\t ti - * L t!, t r< *tta6te?t,. ^r-yoftf^86 6ryr9htc 2013 @komdikomasha All Rights Reservod

r, V Afr/,f'+ [portf olio/o 1.html]

r, V OfrtfEF [portfolio/o 1.html] ur11"../images/ico no-repeat;

2, V Afr/al#,R [Portfolio/O1.html]

;tfiete :l /v" I > t I >}*O tt v - y > lt E; trltrlrsd*'-tu. i @ P{ background-color: #FFFF99 i border: solid; paddj-ng:1opx; nargin:20px; width:40opxi height:150px; background-color: #FFCCcc; h^rdar. c^l i i. padding:2opx; mrrain. "An-. width:400px; hai 1 <nhv. ^h+.

pagetop { text-alignj right; l