{"id":51702,"date":"2017-08-23T10:02:22","date_gmt":"2017-08-23T09:02:22","guid":{"rendered":"http:\/\/hlrnet.com\/technoblog\/?p=51702"},"modified":"2017-08-22T10:07:10","modified_gmt":"2017-08-22T09:07:10","slug":"aparte-opmaak-voor-eerste-letter-eerste-regel-in-een-webpagina","status":"publish","type":"post","link":"https:\/\/hlrnet.com\/technoblog\/inicio\/aparte-opmaak-voor-eerste-letter-eerste-regel-in-een-webpagina\/","title":{"rendered":"Aparte opmaak voor eerste letter \/ eerste regel in een webpagina"},"content":{"rendered":"<p>V. Kan ik een eerste letter of een eerste regel van een paragraaf anders opmaken in een webpagina?<\/p>\n<p>A. Ja, met CSS. Bijvoorbeeld:<\/p>\n<p><code>p::first-line {<br \/>\nbackground-color: red;<br \/>\n} <\/code><br \/>\nof<br \/>\n<code>p::first-letter {<br \/>\nfont-size: 150%;<br \/>\ncolor: #CCCCCC;<br \/>\n}<\/code><\/p>\n<p>Meer details op<\/p>\n<p>CSS ::first-line Selector<br \/>\n<a href=\"https:\/\/www.w3schools.com\/cssref\/sel_firstline.asp\" rel=\"nofollow\">https:\/\/www.w3schools.com\/cssref\/sel_firstline.asp<\/a><\/p>\n<p>CSS ::first-letter Selector<br \/>\n<a href=\"https:\/\/www.w3schools.com\/cssref\/sel_firstletter.asp\" rel=\"nofollow\">https:\/\/www.w3schools.com\/cssref\/sel_firstletter.asp<\/a><\/p>\n<p>::first-line (:first-line)<br \/>\n<a href=\"https:\/\/developer.mozilla.org\/nl\/docs\/Web\/CSS\/\" rel=\"nofollow\">https:\/\/developer.mozilla.org\/nl\/docs\/Web\/CSS\/<\/a>::first-line<\/p>\n<p>::first-letter<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"pJKv82Q1xG\"><p><a href=\"https:\/\/css-tricks.com\/almanac\/selectors\/f\/first-letter\/\">::first-letter<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" src=\"https:\/\/css-tricks.com\/almanac\/selectors\/f\/first-letter\/embed\/#?secret=pJKv82Q1xG\" data-secret=\"pJKv82Q1xG\" width=\"600\" height=\"338\" title=\"&#8220;::first-letter&#8221; &#8212; CSS-Tricks\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<p>The initial-letter way<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"6yc6q9JNg0\"><p><a href=\"https:\/\/css-tricks.com\/snippets\/css\/drop-caps\/\">Drop Caps<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" src=\"https:\/\/css-tricks.com\/snippets\/css\/drop-caps\/embed\/#?secret=6yc6q9JNg0\" data-secret=\"6yc6q9JNg0\" width=\"600\" height=\"338\" title=\"&#8220;Drop Caps&#8221; &#8212; CSS-Tricks\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>V. Kan ik een eerste letter of een eerste regel van een paragraaf anders opmaken in een webpagina? A. Ja, met CSS. Bijvoorbeeld: p::first-line { background-color: red; } of p::first-letter { font-size: 150%; color: #CCCCCC; } Meer details op CSS ::first-line Selector https:\/\/www.w3schools.com\/cssref\/sel_firstline.asp CSS ::first-letter Selector https:\/\/www.w3schools.com\/cssref\/sel_firstletter.asp ::first-line (:first-line) https:\/\/developer.mozilla.org\/nl\/docs\/Web\/CSS\/::first-line<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":0,"footnotes":""},"categories":[9],"tags":[125],"class_list":["post-51702","post","type-post","status-publish","format-standard","hentry","category-webweaving","tag-css"],"publishpress_future_action":{"enabled":false,"date":"2026-05-01 19:08:03","action":"delete","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/hlrnet.com\/technoblog\/inicio\/wp-json\/wp\/v2\/posts\/51702","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hlrnet.com\/technoblog\/inicio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hlrnet.com\/technoblog\/inicio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hlrnet.com\/technoblog\/inicio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hlrnet.com\/technoblog\/inicio\/wp-json\/wp\/v2\/comments?post=51702"}],"version-history":[{"count":0,"href":"https:\/\/hlrnet.com\/technoblog\/inicio\/wp-json\/wp\/v2\/posts\/51702\/revisions"}],"wp:attachment":[{"href":"https:\/\/hlrnet.com\/technoblog\/inicio\/wp-json\/wp\/v2\/media?parent=51702"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hlrnet.com\/technoblog\/inicio\/wp-json\/wp\/v2\/categories?post=51702"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hlrnet.com\/technoblog\/inicio\/wp-json\/wp\/v2\/tags?post=51702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}