Upgrade to Pro — share decks privately, control downloads, hide ads and more …

How to read the CSS Value Definition Syntax

Avatar for konitter konitter
July 15, 2015
Programming
0
170

How to read the CSS Value Definition Syntax

2015.07.14開催のHigh Tech Osakaで発表したスライド。

Avatar for konitter

konitter

July 15, 2015
Tweet

Other Decks in Programming

See All in Programming
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
1
230
登壇資料を作る時に意識していること #登壇資料_findy
Avatar for konifar konifar
4
1.2k
izumin5210のプロポーザルのネタ探し #tskaigi_msup
Avatar for izumin5210 izumin5210
1
130
CSC307 Lecture 05
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
500
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
Avatar for MomokoShirakawa momok47
0
200
カスタマーサクセス業務を変革したヘルススコアの実現と学び
Avatar for Tomoyuki Hamaguchi _hummer0724
0
700
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
330
並行開発のためのコードレビュー
Avatar for Miyuki miyukiw
0
180
humanlayerのブログから学ぶ、良いCLAUDE.mdの書き方
Avatar for Yuto tsukamoto1783
0
200
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
Avatar for shibayu36 shibayu36
2
4.4k
Fragmented Architectures
Avatar for Denys Poltorak denyspoltorak
0
160
AIフル活用時代だからこそ学んでおきたい働き方の心得
Avatar for shinoyu shinoyu
0
140

Featured

See All Featured
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
310
Claude Code のすすめ
Avatar for schroneko schroneko
67
210k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
54
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.2k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
69
Designing Experiences People Love
Avatar for Jonathan Moore moore
144
24k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
4
1.4k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.2k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8k

Transcript

  1. !LPOJUUFS )PXUPSFBEUIF$447BMVF%FOJUJPO4ZOUBY )JHI5FDI0TBLB

  2. )BSVLJ,POJTIJ IUUQSFE[JOFOFU 8FC%JSFDUPS

  3. فٗה׃ג䛰׆ַ׃ֻזְ 倜٥8&#رؠ؎ٝך㣐⾱⵱ BN[OUP[1$MK

  4. $44TQFDJDBUJPO

  5. $44'POUT.PEVMF-FWFM XXXXPSH53DTTGPOUT

  6. $44#BDLHSPVOETBOE#PSEFST.PEVMF-FWFM XXXXPSH53DTTCBDLHSPVOE

  7. 7BMVF%FOJUJPO4ZOUBY

  8. $447BMVFTBOE6OJUT.PEVMF-FWFM EFWXPSHDTTXHDTTWBMVFT

  9. $PNQPOFOUWBMVFUZQFT ؝ٝه٦طٝز⦼㘗 ˖ 鎉衝鸐׶ח鎸鶢ׅ׷ؗ٦ٙ٦سBVUPծEJTDזו ˖ הד㔲ת׸גְ׷ر٦ة㘗MFOHUIծQFSDFOUBHFזו ˖ ⟣䠐ךفٗػذ؍٦הずׄ⦼ך眔㔲׾䭯א㘗ˎCPSEFS XJEUIˏծˎCBDLHSPVOEBUUBDINFOUˏזו

  10. $PNQPOFOUWBMVFDPNCJOBUPST ؝ٝه٦طٝز⦼ך穠さ㶨 hoge fuga hoge | fuga hoge || fuga

    hoge && fuga [ hoge fuga ] [ foo poo ]

  11. $PNQPOFOUWBMVFNVMUJQMJFST ؝ٝه٦طٝز⦼ךꆀ䭷㹀㶨 * 0ճҎ্ + 1ճҎ্ ? 0ճ΋͘͠͸1ճ
 {A,B} AճҎ্BճҎԼ


    # ΧϯϚ۠੾Γͷఆ͕ٛ1ճҎ্
 ! ௚લͷάϧʔϓ͕1ճҎ্ άϧʔϓ಺ͷఆ͕ٛলུՄͰ΋1ճҎ্ඞਢ

  12. 1SPQFSUZWBMVFFYBNQMFT

  13. 'text-align' .hoge { text-align: center; } left | right |

    center | justify

  14. 'border-width' .hoge { border-width: 2px 4px; } <line-width>{1,4} <line-width> =

    <length> | thin | medium | thick

  15. 'text-shadow' .hoge { text-shadow: 1px 1px 2px black, 0 0

    1em blue; } none | [ <length>{2,3} && <color>? ]# <offset-x> <offset-y> <blur-radius>?

  16. 5IBOLZPV